Blob Border SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M516 53c-77 5-103 64-164 94-24 11-49 15-75 21-39 10-77 26-108 52-59 50-69 109-21 172 11 15 25 27 33 43 25 48-21 86-53 114-49 42-99 97-83 168 17 76 91 98 159 92 19-2 38-5 56-4 53 4 87 40 116 81 40 58 86 103 163 78 66-22 98-72 177-81 25-3 50 1 75 2 47 2 94-16 122-54 45-58 22-136-16-190-37-51-101-103-48-168 39-48 113-61 132-125 23-78-54-121-118-130-73-10-154 17-199-58-9-16-17-33-29-48-28-38-72-62-119-59zm-3 13c51-4 92 23 119 64 9 13 16 28 24 42 44 71 122 50 193 57 47 5 110 24 121 78 3 14 3 29-3 43-23 58-96 70-131 119-57 77 19 129 57 189 18 28 32 60 32 94 0 24-5 47-19 67-49 73-123 45-193 52-74 7-109 53-172 78-76 30-118-18-157-74-47-66-84-88-167-80-17 2-34 4-51 3-50-3-98-35-109-85-16-72 40-118 86-160 60-55 82-88 24-158-50-59-52-113 10-165 34-28 75-43 118-53 21-4 41-9 61-18 55-26 91-88 157-93z" fill="#242425" stroke="#242425"/></g></svg>

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

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

import BlobBorderSvg from "./blob-border.jsx"; // from the React tab above

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