Speech Bubble SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="lemon" data-name="Lemon"><path d="M246 806c25-22 72-48 101-68 11-8 43-32 53-34 8-2 16 1 24 1 18 1 37 0 56 0 102 0 195 10 282-56 152-117 115-347-53-427-71-34-134-30-210-30-32 0-65-2-96 3-85 12-160 60-204 134-47 79-45 185 8 262 14 19 30 38 49 53 7 6 24 15 29 22 3 3 3 8 3 12-1 9-7 20-10 29-11 32-25 65-32 99zm97-399c64-9 77 84 16 94-62 10-76-85-16-94zm160 0c64-10 78 84 18 94-63 10-78-85-18-94zm161 0c63-9 78 82 17 94-62 12-78-85-17-94z" fill="#fcec73" stroke="#fcec73"/></g><g id="black" data-name="Black"><path d="M256 680c-3 21-25 76-33 100-2 6-5 13-6 20s0 14 5 21c6 10 18 14 29 13 16-2 70-43 86-54 10-7 64-46 71-48 4 0 53 2 63 2 58 0 120 5 178-5 205-35 310-266 186-439-54-76-148-125-240-127-33-1-66 0-98 0-84 0-147 1-220 46-137 85-188 267-92 402 19 26 43 53 71 69zM246 806c7-34 21-67 32-99 3-9 9-20 10-29 0-4 0-9-3-12-5-7-22-16-29-22-19-15-35-34-49-53-53-77-55-183-8-262 44-74 119-122 204-134 31-5 64-3 96-3 76 0 139-4 210 30 168 80 205 310 53 427-87 66-180 56-282 56-19 0-38 1-56 0-8 0-16-3-24-1-10 2-42 26-53 34-29 20-76 46-101 68z" fill="#2d2c2c" stroke="#2d2c2c"/><path d="M503 407c-60 9-45 104 18 94 60-10 46-104-18-94z" fill="#2d2c2c" stroke="#2d2c2c"/><path d="M664 407c-61 9-45 106 17 94 61-12 46-103-17-94z" fill="#2d2c2c" stroke="#2d2c2c"/><path d="M343 407c-60 9-46 104 16 94 61-10 48-103-16-94z" fill="#2d2c2c" stroke="#2d2c2c"/></g></svg>

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

import SpeechBubbleSvg from "./speech-bubble.jsx"; // from the React tab above

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