Heart Bubble SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blush" data-name="Blush"><path d="M493 113c-164 7-328 110-369 275-13 51-13 103 1 153 14 49 40 94 75 131 11 11 23 22 35 32 6 5 19 11 23 18 2 2 3 3 3 6 1 10-18 52-22 64-5 12-32 63-33 71-1 27 52-12 61-18 21-14 41-28 60-43 8-7 30-30 39-31 7 0 18 5 24 7 207 55 476-34 516-269 9-50 3-103-15-151-58-162-232-252-398-245zm19 211c13-13 25-26 41-34 108-56 222 40 190 158-16 55-54 100-95 137-18 17-117 98-135 99-19 1-116-80-134-97-42-37-82-82-97-137-45-157 148-234 230-126z" fill="#fbccdd" stroke="#fbccdd"/></g><g id="red" data-name="Red"><path d="M513 367c-7-9-13-19-21-28-30-34-76-49-120-34-57 18-81 80-66 136 24 94 130 164 206 217 16-7 32-22 46-32 64-47 139-105 161-186 29-111-99-190-181-107-10 9-20 21-25 34z" fill="#fc5d51" stroke="#fc5d51"/></g><g id="black" data-name="Black"><path d="M228 735c-7 21-14 42-23 62-7 17-25 45-28 62-2 12 2 24 11 33 9 8 21 12 33 10 23-3 88-50 109-66 6-4 37-32 42-33 7-1 19 5 26 7 32 7 64 13 97 13 64 1 127-6 188-27 231-84 339-337 184-544-142-189-433-219-621-85-155 109-213 314-105 477 23 34 53 70 87 91zM493 113c166-7 340 83 398 245 18 48 24 101 15 151-40 235-309 324-516 269-6-2-17-7-24-7-9 1-31 24-39 31-19 15-39 29-60 43-9 6-62 45-61 18 1-8 28-59 33-71 4-12 23-54 22-64 0-3-1-4-3-6-4-7-17-13-23-18-12-10-24-21-35-32-35-37-61-82-75-131-14-50-14-102-1-153 41-165 205-268 369-275z" fill="#2b252a" stroke="#2b252a"/><path d="M512 324c-82-108-275-31-230 126 15 55 55 100 97 137 18 17 115 98 134 97 18-1 117-82 135-99 41-37 79-82 95-137 32-118-82-214-190-158-16 8-28 21-41 34zm1 43c5-13 15-25 25-34 82-83 210-4 181 107-22 81-97 139-161 186-14 10-30 25-46 32-76-53-182-123-206-217-15-56 9-118 66-136 44-15 90 0 120 34 8 9 14 19 21 28z" fill="#2b252a" stroke="#2b252a"/></g></svg>

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

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

import HeartBubbleSvg from "./heart-bubble.jsx"; // from the React tab above

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