Round Blob SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M497 98c-95 8-201 65-267 132-43 42-63 95-86 149-9 23-20 45-25 69-4 21-5 43-3 65 2 20 8 40 12 60 14 72 22 83 59 145 15 25 30 49 52 70 25 26 82 64 117 76 19 6 39 10 58 15 38 11 73 21 113 17 99-10 197-60 270-128 41-37 60-86 81-136 10-26 23-51 28-80 4-22 3-45-1-67-2-16-7-32-11-49-14-62-27-117-70-166-16-18-35-33-51-50-20-19-38-41-60-56-30-21-66-29-100-42-21-8-41-18-63-22-17-3-36-3-53-2z" fill="#fb5e4a" stroke="#fb5e4a"/></g><g id="black" data-name="Black"><path d="M503 91c-96 6-207 64-275 131-42 40-64 92-86 145-18 46-37 88-33 139 2 21 6 41 11 62 4 17 6 34 10 51 10 39 33 73 54 107 14 22 27 45 46 63 31 30 83 66 124 81 19 6 39 10 58 15 37 10 70 20 108 18 92-4 212-64 278-127 48-46 63-88 88-147 20-48 34-86 27-139-4-24-11-47-16-70-22-99-44-134-117-202-42-39-59-66-117-86-52-18-104-44-160-41zm-6 7c17-1 36-1 53 2 22 4 42 14 63 22 34 13 70 21 100 42 22 15 40 37 60 56 16 17 35 32 51 50 43 49 56 104 70 166 4 17 9 33 11 49 4 22 5 45 1 67-5 29-18 54-28 80-21 50-40 99-81 136-73 68-171 118-270 128-40 4-75-6-113-17-19-5-39-9-58-15-35-12-92-50-117-76-22-21-37-45-52-70-37-62-45-73-59-145-4-20-10-40-12-60-2-22-1-44 3-65 5-24 16-46 25-69 23-54 43-107 86-149 66-67 172-124 267-132z" fill="#141212" stroke="#141212"/></g></svg>

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

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

import RoundBlobSvg from "./round-blob.jsx"; // from the React tab above

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