Three Bubbles SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="coral" data-name="Coral"><path d="M390 443c18-10 58-48 77-49 14-1 38 5 56 5 50 0 105-8 147-39 57-43 65-127 22-183-16-22-40-38-65-49-85-36-224-24-280 58-28 42-31 100-3 143 14 22 31 29 51 44 18 13-5 51-5 70z" fill="#fc6955" stroke="#fc6955"/></g><g id="amber" data-name="Amber"><path d="M877 816c-35-106-20-49 33-110 33-38 41-93 16-138-35-63-114-71-179-68-35 2-70 1-104 13-93 35-135 163-44 223 45 30 104 29 155 25 10-1 20-4 29-3 22 2 70 48 94 58z" fill="#fdc001" stroke="#fdc001"/></g><g id="teal" data-name="Teal"><path d="M116 805c11-9 74-51 85-52s24 5 36 6c48 6 100-2 140-32 77-60 69-183-15-232-80-48-200-29-250 54-25 41-29 97-4 140 6 10 34 38 34 39 2 5 1 8 0 13-5 22-20 42-26 64z" fill="#14b5a6" stroke="#14b5a6"/></g><g id="navy" data-name="Navy"><path d="M384 388c-1 17-12 34-13 52-1 12 7 23 20 22 11-2 48-31 58-38 5-4 12-11 19-12 8-1 36 4 47 5 36 2 74-3 108-14 70-22 114-72 114-146 0-40-16-79-44-106-75-75-228-76-313-21-45 29-74 78-74 132 0 39 17 79 48 105 9 8 21 13 30 21zm6 55c0-19 23-57 5-70-20-15-37-22-51-44-28-43-25-101 3-143 56-82 195-94 280-58 25 11 49 27 65 49 43 56 35 140-22 183-42 31-97 39-147 39-18 0-42-6-56-5-19 1-59 39-77 49z" fill="#031a49" stroke="#031a49"/><path d="M875 755c11-9 24-15 35-24 29-24 46-59 49-97 3-54-26-102-72-128-58-32-186-31-247-11-28 9-53 26-72 48-20 23-33 53-36 83-9 84 51 140 130 152 27 4 54 3 81 2 13-1 29-6 41-4 8 2 35 23 43 28 10 7 39 30 49 32 35 5 11-46 6-61-2-7-3-14-7-20zm2 61c-24-10-72-56-94-58-9-1-19 2-29 3-51 4-110 5-155-25-91-60-49-188 44-223 34-12 69-11 104-13 65-3 144 5 179 68 25 45 17 100-16 138-53 61-68 4-33 110z" fill="#031a49" stroke="#031a49"/><path d="M125 736c-6 13-26 54-27 66-1 15 12 23 26 18 11-3 23-14 33-20 9-6 37-27 45-29 10-2 30 6 41 7 23 2 46 1 68-3 109-19 172-134 120-234-74-142-331-112-356 61-8 56 11 96 50 134zm-9 69c6-22 21-42 26-64 1-5 2-8 0-13 0-1-28-29-34-39-25-43-21-99 4-140 50-83 170-102 250-54 84 49 92 172 15 232-40 30-92 38-140 32-12-1-25-7-36-6s-74 43-85 52z" fill="#031a49" stroke="#031a49"/></g></svg>

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

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

import ThreeBubblesSvg from "./three-bubbles.jsx"; // from the React tab above

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