Dialogue Bubble SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="sky" data-name="Sky"><path d="M64 672c23-10 111-76 124-78 7 0 17 4 23 5 64 12 135 4 192-27 127-69 113-206-13-265-102-48-271-33-332 74-32 57-14 121 33 163 35 31 50 14 19 60-15 22-28 48-46 68z" fill="#9bd8fb" stroke="#9bd8fb"/></g><g id="lemon" data-name="Lemon"><path d="M960 671c-16-23-31-46-47-70-4-6-15-17-16-24 0-2 0-5 1-7 0 0 34-24 38-28 46-42 62-106 30-162-60-106-229-120-330-74-125 58-143 197-15 266 58 31 127 39 191 27 8-1 19-5 27-4 15 3 97 67 121 76z" fill="#fceb7d" stroke="#fceb7d"/></g><g id="black" data-name="Black"><path d="M115 575c-11 21-26 40-39 60-5 8-39 54-35 59 5 6 28-11 33-14 25-17 50-33 75-49 53-33 29-23 90-17 36 4 75 0 111-9 92-25 181-104 145-208-9-27-28-49-48-67-77-68-202-77-294-39-135 55-175 202-38 284zM64 672c18-20 31-46 46-68 31-46 16-29-19-60-47-42-65-106-33-163 61-107 230-122 332-74 126 59 140 196 13 265-57 31-128 39-192 27-6-1-16-5-23-5-13 2-101 68-124 78z" fill="#0e0e0d" stroke="#0e0e0d"/><path d="M910 575c19-8 37-27 50-42 67-80 29-177-54-226-100-58-250-52-335 30-103 99-32 220 83 261 30 11 63 16 95 17 15 0 32 0 47-2 12-2 27-8 38-7 4 0 7 3 11 5 33 21 66 42 99 64 12 7 24 17 36 22 2-1 5-4 5-7-1-10-68-95-75-115zm50 96c-24-9-106-73-121-76-8-1-19 3-27 4-64 12-133 4-191-27-128-69-110-208 15-266 101-46 270-32 330 74 32 56 16 120-30 162-4 4-38 28-38 28-1 2-1 5-1 7 1 7 12 18 16 24 16 24 31 47 47 70z" fill="#0e0e0d" stroke="#0e0e0d"/></g></svg>

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

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

import DialogueBubbleSvg from "./dialogue-bubble.jsx"; // from the React tab above

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