Exclamation Bubble SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="yellow" data-name="Yellow"><path d="M246 864c11-3 21-11 31-17 30-17 59-33 89-50 9-5 21-15 32-16 12-1 34 9 47 12 24 5 49 8 74 8 98 0 193-45 259-118 141-158 95-395-77-508-175-115-412-41-503 142-48 95-46 209 4 303 12 22 26 43 43 61 8 9 40 35 43 43 7 17-40 112-42 140zM507 206c32-2 63 22 66 56 1 16-2 33-3 50-1 21-1 42-3 63-2 29-4 144-12 163-6 16-22 25-38 27-60 6-53-62-55-100-1-27-4-53-5-80-1-22-2-44-3-66-2-35-11-75 20-100 9-7 21-12 33-13zm0 382c77-6 85 113 9 118-77 4-85-111-9-118z" fill="#fcd81e" stroke="#fcd81e"/></g><g id="black" data-name="Black"><path d="M496 81c-233 10-411 228-364 459 11 51 33 102 66 144 6 8 48 52 49 55 0 5-24 67-27 77-7 22-41 105 7 100 14-2 30-15 43-22 17-9 125-74 134-74 11 0 24 7 35 10 17 3 36 6 54 7 32 1 64 0 97-6 52-10 103-31 147-61 87-60 146-154 161-259 32-235-170-440-402-430zM246 864c2-28 49-123 42-140-3-8-35-34-43-43-17-18-31-39-43-61-50-94-52-208-4-303 91-183 328-257 503-142 172 113 218 350 77 508-66 73-161 118-259 118-25 0-50-3-74-8-13-3-35-13-47-12-11 1-23 11-32 16-30 17-59 33-89 50-10 6-20 14-31 17z" fill="#2b2a2a" stroke="#2b2a2a"/><path d="M507 206c-12 1-24 6-33 13-31 25-22 65-20 100 1 22 2 44 3 66 1 27 4 53 5 80 2 38-5 106 55 100 16-2 32-11 38-27 8-19 10-134 12-163 2-21 2-42 3-63 1-17 4-34 3-50-3-34-34-58-66-56z" fill="#2b2a2a" stroke="#2b2a2a"/><path d="M507 588c-76 7-68 122 9 118 76-5 68-124-9-118z" fill="#2b2a2a" stroke="#2b2a2a"/></g></svg>

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

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

import ExclamationBubbleSvg from "./exclamation-bubble.jsx"; // from the React tab above

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