Split Blob SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0DuLtniizBoE/amnt.svg" alt="Split 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="M351 100c-90 7-140 94-158 173-5 22-10 45-21 67-26 52-78 81-103 138-29 64-23 145 26 198 11 13 26 22 40 32 71 53 56 149 156 175 93 23 167-55 181-141 9-61-7-121-43-171-15-22-33-43-45-67-30-60-17-119 27-168 16-18 34-34 47-53 53-81-10-190-107-183z" fill="#fb5e4a" stroke="#fb5e4a"/><path d="M662 100c-97 4-147 113-90 191 13 17 29 31 43 47 47 52 54 114 20 175-12 23-29 42-43 63-36 52-50 115-37 177 17 85 98 157 188 126 41-14 69-47 86-85 7-16 13-32 23-47 11-18 28-32 45-44 15-12 31-24 42-39 42-55 42-134 12-194-27-53-79-85-103-139-10-22-14-46-19-69-19-78-77-165-167-162z" fill="#fb5e4a" stroke="#fb5e4a"/></g><g id="grape" data-name="Grape"><path d="M345 83c-93 8-149 98-168 180-6 25-10 50-23 73-30 55-81 79-106 146-25 68-18 150 33 205 13 14 29 24 44 36 33 25 41 54 59 90 22 44 61 79 110 89 98 19 176-59 194-150 13-65-4-131-41-186-15-22-33-42-45-66-29-54-18-106 21-151 23-26 48-47 62-79 42-96-41-195-140-187zm6 17c97-7 160 102 107 183-13 19-31 35-47 53-44 49-57 108-27 168 12 24 30 45 45 67 36 50 52 110 43 171-14 86-88 164-181 141-100-26-85-122-156-175-14-10-29-19-40-32-49-53-55-134-26-198 25-57 77-86 103-138 11-22 16-45 21-67 18-79 68-166 158-173z" fill="#022261" stroke="#022261"/><path d="M654 83c-97 8-157 120-106 204 15 24 36 42 54 63 46 51 47 108 11 165-16 25-35 47-50 73-31 56-39 124-22 185 26 91 114 153 208 123 44-14 75-50 94-90 9-19 15-38 28-55 11-16 27-27 43-39 79-57 96-162 54-248-19-39-49-66-77-98-32-38-36-78-49-124-24-83-94-167-188-159zm8 17c90-3 148 84 167 162 5 23 9 47 19 69 24 54 76 86 103 139 30 60 30 139-12 194-11 15-27 27-42 39-17 12-34 26-45 44-10 15-16 31-23 47-17 38-45 71-86 85-90 31-171-41-188-126-13-62 1-125 37-177 14-21 31-40 43-63 34-61 27-123-20-175-14-16-30-30-43-47-57-78-7-187 90-191z" fill="#022261" stroke="#022261"/></g></svg>

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

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

import SplitBlobSvg from "./split-blob.jsx"; // from the React tab above

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