Reply Bubble SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/COyfet4GLkko/amnt.svg" alt="Reply Bubble" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M788 353c-24-25-57-41-88-56-161-75-393-55-527 67-84 78-106 196-33 289 16 19 33 36 53 51 9 7 50 30 51 32 1 4-3 11-5 15-21 47-45 93-68 139 32-13 112-72 142-95 8-5 24-23 33-25 9-3 24 4 34 6 30 6 62 9 94 10 44 1 89-3 132-12 142-30 308-143 253-311-21 16-47 20-68 33 3 11 12 25 12 37 0 10-8 21-20 21-11 0-50-15-63-19-19-7-99-29-110-37-6-4-8-11-8-17 1-12 62-86 74-100 11-15 45-73 66-44 7 9 7 25 10 36z" fill="#0195fa" stroke="#0195fa"/><path d="M764 482c98-32 220-108 206-227-16-129-154-182-265-138-16 6-107 55-88 76 9 10 30 5 41 2 63-14 108-47 176-17 23 10 42 27 51 51 28 70-52 125-103 153-12 7-30 20-43 19-8-13-10-33-13-48l-101 128 154 49c-1-16-14-31-15-48z" fill="#0195fa" stroke="#0195fa"/></g><g id="grape" data-name="Grape"><path d="M214 748c-20 43-41 86-62 129-6 11-14 24-5 35 4 6 11 8 17 7 17-2 59-33 75-43 13-9 109-78 112-79 4-1 68 11 81 12 30 3 61 3 92 1 100-7 201-34 280-101 34-30 63-68 79-111 9-26 13-55 12-82-1-16-4-33-8-48-1-5-6-13-5-17 1-3 7-6 10-8 214-153 51-428-185-350-35 11-94 45-111 80-5 10-5 21 3 31 24 33 82 7 112-3 130-47 226 58 99 138-24-25-55-43-85-58-149-75-353-71-498 12-130 74-211 222-118 361 27 40 64 72 105 94zM764 482c1 17 14 32 15 48l-154-49 101-128c3 15 5 35 13 48 13 1 31-12 43-19 51-28 131-83 103-153-9-24-28-41-51-51-68-30-113 3-176 17-11 3-32 8-41-2-19-21 72-70 88-76 111-44 249 9 265 138 14 119-108 195-206 227zm24-129l-36 20c-3-11-3-27-10-36-21-29-55 29-66 44-12 14-73 88-74 100 0 6 2 13 8 17 11 8 91 30 110 37 13 4 52 19 63 19 12 0 20-11 20-21 0-12-9-26-12-37 21-13 47-17 68-33 55 168-111 281-253 311-43 9-88 13-132 12-32-1-64-4-94-10-10-2-25-9-34-6-9 2-25 20-33 25-30 23-110 82-142 95 23-46 47-92 68-139 2-4 6-11 5-15-1-2-42-25-51-32-20-15-37-32-53-51-73-93-51-211 33-289 134-122 366-142 527-67 31 15 64 31 88 56z" fill="#012164" stroke="#012164"/></g></svg>

.reply-bubble {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/COyfet4GLkko/amnt.svg");
  background-size: contain;
}

.reply-bubble {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/COyfet4GLkko/amnt.svg") center / contain no-repeat;
}

import ReplyBubbleSvg from "./reply-bubble.jsx"; // from the React tab above

<ReplyBubbleSvg width={48} height={48} />