Four Lobe Blob SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/qN4tgsyOkSKu/amnt.svg" alt="Four 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="cobalt" data-name="Cobalt"><path d="M511 70c-79 0-151 62-153 143-1 25 7 51 20 73 20 33 58 56 51 100-2 12-8 22-18 30-47 37-92-22-129-43-25-13-53-19-80-17-80 7-138 82-135 160s63 150 144 150c24 0 49-5 71-17 34-19 60-57 103-53 12 1 23 6 32 15 9 10 13 21 13 35 1 39-35 62-54 93-14 23-21 51-19 78 5 82 79 136 158 136 76 0 153-60 153-141 1-24-5-49-17-70-20-34-62-60-56-104 1-11 6-21 15-29 8-8 19-12 30-13 43-3 68 34 102 53 23 13 49 18 75 17 80-2 140-75 140-153 0-79-58-152-138-157-27-2-54 5-78 18-36 20-84 81-130 40-9-7-14-18-16-29-7-45 35-70 54-104 13-23 18-47 17-72-3-81-78-139-155-139z" fill="#016dfb" stroke="#016dfb"/></g><g id="navy" data-name="Navy"><path d="M506 51c-81 4-151 59-165 139-8 41 4 84 29 118 16 23 49 46 40 78-3 7-8 14-14 17-35 19-73-29-100-44-38-22-82-28-124-17-78 21-127 99-124 179 3 79 61 150 141 163 42 7 83-5 119-28 23-16 43-43 73-41 10 1 20 5 25 13 22 33-28 73-44 98-24 36-31 81-20 123 20 77 99 129 178 124 78-5 153-59 166-139 6-42-4-83-29-118-16-23-70-68-31-95 34-24 74 25 100 41 37 22 81 30 123 19 79-19 127-94 127-174 0-78-57-153-136-168-42-8-84 2-120 25-25 16-69 67-99 32-28-32 23-71 39-96 23-36 32-80 21-122-19-77-96-130-175-127zm5 19c77 0 152 58 155 139 1 25-4 49-17 72-19 34-61 59-54 104 2 11 7 22 16 29 46 41 94-20 130-40 24-13 51-20 78-18 80 5 138 78 138 157 0 78-60 151-140 153-26 1-52-4-75-17-34-19-59-56-102-53-11 1-22 5-30 13-9 8-14 18-15 29-6 44 36 70 56 104 12 21 18 46 17 70 0 81-77 141-153 141-79 0-153-54-158-136-2-27 5-55 19-78 19-31 55-54 54-93 0-14-4-25-13-35-9-9-20-14-32-15-43-4-69 34-103 53-22 12-47 17-71 17-81 0-141-72-144-150s55-153 135-160c27-2 55 4 80 17 37 21 82 80 129 43 10-8 16-18 18-30 7-44-31-67-51-100-13-22-21-48-20-73 2-81 74-143 153-143z" fill="#021135" stroke="#021135"/></g></svg>

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

.four-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/qN4tgsyOkSKu/amnt.svg") center / contain no-repeat;
}

import FourLobeBlobSvg from "./four-lobe-blob.jsx"; // from the React tab above

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