Five Lobe Blob SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/l2OoEsc8Lg1c/amnt.svg" alt="Five Lobe 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="M503 85c-89 6-132 85-123 167 4 38 20 75 35 110 4 9 10 25-7 21-5-1-51-39-61-45-65-43-151-67-211-2-56 60-37 152 28 196 34 23 76 30 117 31 10 0 76-10 62 12-3 5-29 20-36 25-58 44-118 108-96 187 22 80 117 108 186 67 30-19 54-45 71-75 8-14 15-29 21-44 3-7 13-45 16-47 4-4 9-4 13 0 3 2 16 46 19 54 7 17 15 33 25 49 19 29 44 55 76 69 75 34 164-3 177-87 12-79-51-139-109-180-6-4-22-13-25-17-4-5-4-11 2-14 4-2 67 1 78 0 39-3 78-13 109-38 62-48 71-144 9-197-66-57-150-26-212 18-8 6-47 38-52 39-8 1-11-3-11-10 0-8 7-18 10-24 16-37 29-76 31-115 4-84-54-156-142-150z" fill="#fc5d49" stroke="#fc5d49"/></g><g id="navy" data-name="Navy"><path d="M503 85c88-6 146 66 142 150-2 39-15 78-31 115-3 6-10 16-10 24 0 7 3 11 11 10 5-1 44-33 52-39 62-44 146-75 212-18 62 53 53 149-9 197-31 25-70 35-109 38-11 1-74-2-78 0-6 3-6 9-2 14 3 4 19 13 25 17 58 41 121 101 109 180-13 84-102 121-177 87-32-14-57-40-76-69-10-16-18-32-25-49-3-8-16-52-19-54-4-4-9-4-13 0-3 2-13 40-16 47-6 15-13 30-21 44-17 30-41 56-71 75-69 41-164 13-186-67-22-79 38-143 96-187 7-5 33-20 36-25 14-22-52-12-62-12-41-1-83-8-117-31-65-44-84-136-28-196 60-65 146-41 211 2 10 6 56 44 61 45 17 4 11-12 7-21-15-35-31-72-35-110-9-82 34-161 123-167zM632 350c4-14 10-27 14-40 16-48 23-102 3-150-23-55-78-92-138-91-61 1-114 38-137 93-19 47-12 101 3 148 5 14 11 27 16 41-70-52-152-100-238-51-25 15-46 38-57 65-24 58-8 122 37 165 35 32 83 46 130 48 15 1 30-2 45 1-68 48-140 117-115 210 8 30 26 57 51 75s55 26 86 25c94-4 152-88 180-170 27 83 86 170 184 170 29 0 57-8 82-26 23-16 40-41 48-67 30-95-43-168-113-217 15-3 30 0 45-1 47-2 96-16 131-49 45-41 62-107 37-164-23-55-80-87-139-85-45 2-87 23-124 48-10 7-20 17-31 22 0 0 0 0 0 0z" fill="#03223c" stroke="#03223c"/></g></svg>

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

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

import FiveLobeBlobSvg from "./five-lobe-blob.jsx"; // from the React tab above

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