Menu

Beta
Sign in
Beta

Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Blob Background SVG element, flat

Blob Background SVG element, flat

A large irregular shape fills nearly the whole square canvas, leaving little empty space. Use it behind an announcement on a social media graphic or on a presentation title slide.

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/zzzY5r1IgoG0/amnt.svg" alt="Blob Background" 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="teal" data-name="Teal"><path d="M259 27c-84 5-166 61-182 147-5 26-4 53 7 78 13 33 41 57 68 78 18 15 38 29 52 48 34 45 15 91-28 119-19 12-39 20-58 30-42 22-77 62-86 110-16 83 41 150 126 151 84 1 143-58 237-30 45 13 79 46 97 88 10 23 17 47 30 68 41 68 126 86 199 64 64-20 130-70 145-138 20-93-78-127-47-218 36-109 168-141 174-269 2-34-6-69-23-98-39-65-115-100-189-90-43 6-84 24-120 46-25 15-49 32-76 41-95 32-120-50-153-117-33-66-97-112-173-108z" fill="#039ca1" stroke="#039ca1"/></g></svg>
CSS background-image
.blob-background {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zzzY5r1IgoG0/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/zzzY5r1IgoG0/amnt.svg") center / contain no-repeat;
}
React
import BlobBackgroundSvg from "./blob-background.jsx"; // from the React tab above

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

Tags

blobbackgroundbackdropdecorationblobselementflat

Made with AMNT

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

Browse the library

Settings