Menu

Beta
Sign in
Blob Border SVG element, flat

Blob Border SVG element, flat

A thin irregular line encloses a broad empty centre without filling it. Use it around a short note on a greeting card or a callout in a workbook.

Free · from Blob Elements, Flat · Set 2

Similar SVGs

More from Blob Elements, Flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ofUR0tUnWsfi/amnt.svg" alt="Blob Border" width="48" height="48">
Inline SVG
<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>
CSS background-image
.blob-border {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ofUR0tUnWsfi/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.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;
}
React
import BlobBorderSvg from "./blob-border.jsx"; // from the React tab above

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

Tags

blobborderoutlinedecorationblobselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Blob Border: Draw a thin continuous irregular outline enclosing a broad empty centre. A flat element. as part of the pack Blob Elements, Flat · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings