Beta

Blob Background SVG element, flat

Free

A large irregular shape fills nearly the whole square canvas. Use it as a backdrop for a social media post or a title panel in a slide deck.

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

blobbackgroundbackdropdecorationblobselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Yd1kINJYtyaF/amnt.svg" alt="Blob Background" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M99 7C126 4 155 13 173 34C191 55 194 82 188 106C195 133 181 162 158 178C136 194 108 191 87 188C61 194 34 180 19 158C4 136 10 110 9 90C5 65 19 40 40 25C58 11 80 10 99 7Z"/></svg>
CSS background-image
.blob-background {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Yd1kINJYtyaF/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.blob-background {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Yd1kINJYtyaF/amnt.svg") center / contain no-repeat;
}
React
import BlobBackgroundSvg from "./blob-background.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Blob Background: Draw one large irregular filled shape spanning nearly the full square canvas. 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