Can I change the colour of a blob background?

Yes. You can recolour a background on the page and adjust its size, opacity and rotation before exporting it.

What formats can I export?

You can copy SVG code, a CSS data URI or a data URI. You can also export PNG, WebP, JPG or a React component.

Can I use these backgrounds for client work?

A Pro or Max account gives you a commercial licence for items you download. The licence is fixed at download and stays in place forever; no credit line is needed.

Free blob SVG backgrounds

22 SVGs

Search the library

Browse free blob SVG backgrounds for page headers, presentation slides, cards and social posts. Use a single blob behind a heading, place several around a layout, or crop one at the edge of a section. The backgrounds are real SVG code, made by AMNT’s own models and checked before publication.

On this page, you can recolour one background or the whole grid. You can also change size, opacity and rotation before you export. Copy the SVG code, use a CSS background-image data URI, or download a PNG, WebP or JPG. Free items are available for personal projects with a free account. Commercial use requires a Pro or Max account.

blob abstract corner colour loop ribbon curve edge humps arch waves island

Packs

Sets drawn in one style.

Blob Backgrounds, Flat

22 SVGs · Free 14 · Premium 8

Not what you need?

Describe it: the SVG studio opens with this style filled in.

More backgrounds

Questions

Can I change the colour of a blob background?: Yes. You can recolour a background on the page and adjust its size, opacity and rotation before exporting it.
What formats can I export?: You can copy SVG code, a CSS data URI or a data URI. You can also export PNG, WebP, JPG or a React component.
Can I use these backgrounds for client work?: A Pro or Max account gives you a commercial licence for items you download. The licence is fixed at download and stays in place forever; no credit line is needed.