Dots Bubble SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M442 182c-28 0-56-1-83 1-74 4-145 43-191 100-65 80-79 192-34 286 13 28 32 54 55 75 6 6 17 11 22 19 3 4 3 7 2 12 0 6-5 13-7 19-7 17-41 91-42 103 0 4 0 9 3 12 3 4 7 4 11 3 9-1 92-56 106-65 14-8 42-30 55-34 16-5 76-1 97-1 53 0 105 0 159 0 34 0 69 2 102-3 29-5 57-14 82-28 87-47 138-137 138-235 0-97-58-187-142-232-67-35-141-33-214-31-39 1-79-1-119-1zM299 379c97-7 106 142 10 149-97 7-107-142-10-149zm208 0c97-8 109 141 12 149-96 8-109-140-12-149zm211 0c97-6 106 143 8 149-97 6-105-142-8-149z" fill="#0182fc" stroke="#0182fc"/></g><g id="grape" data-name="Grape"><path d="M182 675c-9 21-44 101-47 119-1 10 1 20 6 29 24 37 60 10 86-6 14-10 29-18 43-27 13-8 71-47 80-49 14-3 56 0 73 0 66 0 133 0 200 0 50 0 96-3 143-22 162-65 231-266 141-417-54-90-148-144-253-149-44-2-90 0-134 0-82 0-169-10-247 20-93 35-165 116-187 214-19 83-2 173 50 242 13 17 28 36 46 46zM442 182c40 0 80 2 119 1 73-2 147-4 214 31 84 45 142 135 142 232 0 98-51 188-138 235-25 14-53 23-82 28-33 5-68 3-102 3-54 0-106 0-159 0-21 0-81-4-97 1-13 4-41 26-55 34-14 9-97 64-106 65-4 1-8 1-11-3-3-3-3-8-3-12 1-12 35-86 42-103 2-6 7-13 7-19 1-5 1-8-2-12-5-8-16-13-22-19-23-21-42-47-55-75-45-94-31-206 34-286 46-57 117-96 191-100 27-2 55-1 83-1z" fill="#022162" stroke="#022162"/></g><g id="white" data-name="White"><path d="M507 379c-97 9-84 157 12 149 97-8 85-157-12-149z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M718 379c-97 7-89 155 8 149 98-6 89-155-8-149z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M299 379c-97 7-87 156 10 149 96-7 87-156-10-149z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import DotsBubbleSvg from "./dots-bubble.jsx"; // from the React tab above

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