Dripping Blob SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/sZrtuSxB0yFQ/amnt.svg" alt="Dripping 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="M514 53c-87 4-178 17-255 60-66 37-141 114-87 193 13 19 34 30 50 48 43 47 25 112-2 163-11 21-23 42-25 67-5 65 63 114 120 72 12-9 21-22 26-36 24-72-53-126-40-199 11-65 80-71 125-35 21 17 35 40 44 65 30 81 15 191-16 269-23 56-60 118-25 178 10 17 25 32 44 39 18 8 38 10 58 6 76-14 90-94 68-157-11-28-24-54-35-82-20-55-27-115-25-173 3-58 21-145 90-154 20-3 40 1 57 13 16 12 25 30 28 50 9 74-67 125-33 183 22 36 78 39 102 3 27-41-3-79-19-117-23-55-15-116 31-157 17-16 38-27 53-46 14-17 21-37 21-59 0-62-49-109-99-137-73-41-173-60-256-57z" fill="#fc5641" stroke="#fc5641"/></g><g id="navy" data-name="Navy"><path d="M500 31c-118 5-316 46-360 175-12 32-11 67 4 98 18 37 62 53 75 87 18 44-5 88-25 127-11 22-21 45-22 71-2 67 58 118 124 101 61-16 85-83 66-139-8-26-24-49-33-75-15-43-5-105 56-87 40 12 61 53 70 91 22 93-1 186-39 271-12 25-22 53-24 81-3 59 29 116 89 132 104 26 168-67 146-163-7-29-21-55-32-82-25-58-33-117-33-179 0-41 7-96 39-125 38-34 91-13 91 40 0 65-77 121-26 187 12 15 28 26 48 30 43 9 87-15 100-59 13-47-19-81-33-123-5-15-7-30-7-45 2-84 90-90 112-161 10-30 7-63-5-92-55-129-258-166-381-161zm14 22c83-3 183 16 256 57 50 28 99 75 99 137 0 22-7 42-21 59-15 19-36 30-53 46-46 41-54 102-31 157 16 38 46 76 19 117-24 36-80 33-102-3-34-58 42-109 33-183-3-20-12-38-28-50-17-12-37-16-57-13-69 9-87 96-90 154-2 58 5 118 25 173 11 28 24 54 35 82 22 63 8 143-68 157-20 4-40 2-58-6-19-7-34-22-44-39-35-60 2-122 25-178 31-78 46-188 16-269-9-25-23-48-44-65-45-36-114-30-125 35-13 73 64 127 40 199-5 14-14 27-26 36-57 42-125-7-120-72 2-25 14-46 25-67 27-51 45-116 2-163-16-18-37-29-50-48-54-79 21-156 87-193 77-43 168-56 255-60z" fill="#010d42" stroke="#010d42"/></g></svg>

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

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

import DrippingBlobSvg from "./dripping-blob.jsx"; // from the React tab above

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