Whisper Bubble SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M373 433c-3 0-6 0-9-2 3 9-14 8-16 1h-8c-2 8-11 7-13 0l-7 1c-2 8-9 4-12 0h-7c-1 7-12 6-11-1l-8 1c0 6-8 8-11 2l-8 1c0 5-2 6-6 9l-4-4-7 4c3 7-5 10-10 7l-4 5c5 5-1 11-7 10l-2 7c4 4 2 11-4 11l-2 8c6 1 7 11 0 11l1 8c7-1 9 8 3 11l3 7c7-1 11 4 8 10l4 6c7-5 10 2 9 8l6 3c5-5 11-2 10 5l7 2c2-7 11-4 10 3h7c0-8 12-8 11 0h7c1-5 5-6 9-7l2 7 6 1c3-4 3-7 10-7l2 6 7 1c-1-8 12-10 11-1h9c0-8 11-7 12 0l8 1c0-8 12-9 12-1h7c1-7 12-8 11 0h9c-1-8 11-8 10 0h8c1-7 11-8 11 0h8c-1-8 11-8 10 0h8c0-9 14-6 9 3l4 5c7-1 11 5 6 10 3 1 3 2 4 5 7-3 13 4 7 9l5 5c3-1 6-1 9 1l4-5c-5-5 0-13 7-10 0-3 1-4 4-5-5-5-1-11 6-10 1-3 1-4 4-5-4-9 10-12 9-3h8c0-8 11-8 11 0h8c-1-8 11-8 10 0h8c-1-8 10-7 11 0h7c0-8 10-7 11 0h7c-1-8 10-7 11 0h7c1-7 11-8 11 0h8c-1-8 11-8 10 0h7c1-7 12-8 11 0h7c1-7 11-8 12 0l7 1c-1-8 12-9 11-1h8c0-7 10-10 11-2l8-2c-1-7 5-10 10-5l6-4c-1-6 4-11 10-7l5-6c-4-6 1-11 7-10l3-7c-4-5-3-11 4-12v-7c-5-3-5-11 1-12l-1-7c-7 0-8-7-5-12l-2-6c-6 1-12-5-7-10l-5-5c-6 2-12-2-9-8l-7-4-3 4c-4-2-7-2-7-8l-7-2c-3 5-11 5-12-2h-8c0 7-11 7-11 0h-9c-2 7-12 7-12-1l-9 1c0 7-10 7-10 0h-9c0 7-11 7-11 0h-8c-2 6-10 7-12 0h-8c0 7-11 7-11 0h-9c0 7-11 7-11 0h-8l-2 6c-5-1-7-1-10-6l-8-1c0 6-5 6-9 7l-2-6h-9l-2 6c-5-1-7-1-10-6h-8c0 7-11 7-11 0h-8c0 5-5 5-9 6l-2-6h-8c0 7-10 6-11 0h-8c0 7-11 7-11 0h-8c0 7-9 6-11 0h-7c-2 7-10 6-12 0l-8-1c1 7-10 8-11 1l-8-1c-1 6-10 9-11 1l-8-1c-1 6-10 8-11 1z" fill="#a9dbfc" stroke="#a9dbfc"/></g><g id="grape" data-name="Grape"><path d="M348 432c2 7 19 8 16-1-5-5-11 1-16 1z" fill="#062b73" stroke="#062b73"/><path d="M802 524c7 0 11-8 4-12-7 1-8 7-4 12z" fill="#062b73" stroke="#062b73"/><path d="M379 568c3 5 10 3 12-1 0-8-12-7-12 1z" fill="#062b73" stroke="#062b73"/><path d="M327 432c2 7 11 8 13 0-4-4-10-6-13 0z" fill="#062b73" stroke="#062b73"/><path d="M359 567c1 6 9 4 12 0-1-7-12-8-12 0z" fill="#062b73" stroke="#062b73"/><path d="M517 605c-3-2-6-2-9-1-5 12 12 13 9 1z" fill="#062b73" stroke="#062b73"/><path d="M271 435c3 6 11 4 11-2-2-7-11-5-11 2z" fill="#062b73" stroke="#062b73"/><path d="M544 433c3 5 5 5 10 6l2-6c-2-6-10-7-12 0z" fill="#062b73" stroke="#062b73"/><path d="M806 486c5-5 3-12-5-12-3 5-2 12 5 12z" fill="#062b73" stroke="#062b73"/><path d="M742 567c3 5 10 4 11-2-1-8-11-5-11 2z" fill="#062b73" stroke="#062b73"/><path d="M468 433c0 7 11 7 11 0s-10-6-11 0z" fill="#062b73" stroke="#062b73"/><path d="M806 505c7-1 8-11 1-12-6 1-6 9-1 12z" fill="#062b73" stroke="#062b73"/><path d="M792 541c7 3 11-5 7-10-6-1-11 4-7 10z" fill="#062b73" stroke="#062b73"/><path d="M723 568c2 5 9 4 11-1 1-8-12-7-11 1z" fill="#062b73" stroke="#062b73"/><path d="M411 433c1 7 12 6 11-1-1-6-9-4-11 1z" fill="#062b73" stroke="#062b73"/><path d="M604 433c0 7 11 7 11 0-1-7-10-6-11 0z" fill="#062b73" stroke="#062b73"/><path d="M723 433c0 7 11 7 11 0-1-7-9-6-11 0z" fill="#062b73" stroke="#062b73"/><path d="M799 468c3-5-1-13-7-10-5 5 1 11 7 10z" fill="#062b73" stroke="#062b73"/><path d="M221 523c6-3 4-12-3-11-6 3-4 12 3 11z" fill="#062b73" stroke="#062b73"/><path d="M716 567c-1-8-11-7-12 0 3 5 9 5 12 0z" fill="#062b73" stroke="#062b73"/><path d="M503 599c6-5 0-12-7-9-2 5 1 12 7 9z" fill="#062b73" stroke="#062b73"/><path d="M290 432c-1 7 10 8 11 1-2-5-9-7-11-1z" fill="#062b73" stroke="#062b73"/><path d="M584 433c3 5 5 5 10 6l2-6c-2-7-9-6-12 0z" fill="#062b73" stroke="#062b73"/><path d="M643 433c2 7 10 6 12 0-2-6-10-6-12 0z" fill="#062b73" stroke="#062b73"/><path d="M663 433c0 7 11 7 11 0-2-6-10-7-11 0z" fill="#062b73" stroke="#062b73"/><path d="M702 432c0 8 10 8 12 1-3-5-9-7-12-1z" fill="#062b73" stroke="#062b73"/><path d="M232 540c3-6-1-11-8-10-2 6 1 13 8 10z" fill="#062b73" stroke="#062b73"/><path d="M339 568c3 4 9 4 11-1 1-9-12-7-11 1z" fill="#062b73" stroke="#062b73"/><path d="M624 433c0 7 11 7 11 0-2-6-10-7-11 0z" fill="#062b73" stroke="#062b73"/><path d="M742 433c1 7 9 7 12 2-1-6-9-8-12-2z" fill="#062b73" stroke="#062b73"/><path d="M285 567c2 5 
…

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

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

import WhisperBubbleSvg from "./whisper-bubble.jsx"; // from the React tab above

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