Beta

Blob Cutout SVG element, flat

Free

An off-centre organic hole interrupts this solid irregular shape. Use the opening to draw attention to a detail in a poster or a scrapbook layout.

Sign in to download. Free SVGs are free with any account.

blobcutoutholenegative spaceblobselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/tSsOEsjuaYld/amnt.svg" alt="Blob Cutout" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path fill-rule="evenodd" d="M91 15C111 10 125 18 140 24C158 28 174 42 177 60C188 75 185 89 190 105C193 126 179 139 171 153C162 173 146 177 128 181C111 192 91 184 74 187C53 187 43 173 29 161C15 147 19 129 12 112C9 94 18 80 21 63C25 44 42 39 55 28C68 18 77 21 91 15ZM123 65C117 62 113 67 108 69C102 72 103 78 100 83C99 90 105 93 110 96C115 102 122 99 127 96C134 95 136 88 135 82C138 75 133 72 128 70C127 67 126 66 123 65Z"/></svg>
CSS background-image
.blob-cutout {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/tSsOEsjuaYld/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.blob-cutout {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/tSsOEsjuaYld/amnt.svg") center / contain no-repeat;
}
React
import BlobCutoutSvg from "./blob-cutout.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Blob Cutout: Draw a solid irregular shape with a small off-centre organic hole. as part of the pack Blob Elements, Flat. Want one like it? Make your own in the SVG studio.

Rest of Blob Elements, Flat

Whole pack

Similar SVGs

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