Question Bubble SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="turquoise" data-name="Turquoise"><path d="M203 841c48-7 94-33 132-60 8-5 15-8 24-7 12 2 25 10 36 14 29 10 60 16 91 18 104 7 203-30 278-102 151-146 130-395-34-521-168-130-407-85-521 92-57 90-69 206-30 305 7 20 16 39 28 57 8 14 41 51 43 62 10 35-32 109-47 142zM502 202c82-6 169 44 177 131 4 41-11 76-39 104-20 19-44 31-64 49-31 27-15 56-39 76-11 10-26 13-41 11-57-8-44-76-20-111 27-38 111-73 95-128-13-43-74-50-106-24-13 10-20 24-27 39-29 60-129 22-77-61 30-48 84-81 141-86zm-5 402c78-10 92 107 17 116-77 11-91-106-17-116z" fill="#02cbbe" stroke="#02cbbe"/></g><g id="navy" data-name="Navy"><path d="M497 71c-232 10-415 221-372 454 9 53 30 103 61 148 4 7 27 33 28 38 1 8-5 22-8 31-8 25-19 49-31 73-8 15-14 30-5 46 20 34 81 6 108-5 24-11 47-23 68-37 3-2 7-6 10-7 0 0 58 20 66 22 224 52 457-103 480-336 23-234-170-437-405-427zM203 841c15-33 57-107 47-142-2-11-35-48-43-62-12-18-21-37-28-57-39-99-27-215 30-305 114-177 353-222 521-92 164 126 185 375 34 521-75 72-174 109-278 102-31-2-62-8-91-18-11-4-24-12-36-14-9-1-16 2-24 7-38 27-84 53-132 60z" fill="#01215d" stroke="#01215d"/></g><g id="white" data-name="White"><path d="M502 202c-57 5-111 38-141 86-52 83 48 121 77 61 7-15 14-29 27-39 32-26 93-19 106 24 16 55-68 90-95 128-24 35-37 103 20 111 15 2 30-1 41-11 24-20 8-49 39-76 20-18 44-30 64-49 28-28 43-63 39-104-8-87-95-137-177-131z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M497 604c-74 10-60 127 17 116 75-9 61-126-17-116z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import QuestionBubbleSvg from "./question-bubble.jsx"; // from the React tab above

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