Can I change the colours of a mesh gradient background?

Yes. You can recolour an item or the whole grid on this page before exporting.

Can I download a mesh gradient as an image?

Yes. You can export PNG, WebP or JPG, or copy the SVG code.

Can I use a free mesh gradient in a commercial project?

Free accounts can use free items for personal projects. Pro and Max accounts get a commercial licence for what they download.

Free mesh gradient SVG backgrounds

20 SVGs

Search the library

Browse free mesh gradient SVG backgrounds for website sections, presentation slides, posters and social posts. Look for colour combinations that suit your layout, or use a gradient behind a heading or product image. Every item is real SVG code made by AMNT’s own models and checked by a judge before publication.

You can recolour one background or the whole grid on this page. You can also change stroke width, size, opacity and rotation before you export. Copy the SVG code or export a PNG, WebP, JPG, CSS data URI, React component or data URI. Free items are available for personal projects with a free account. No credit line is needed.

website background pink orange blue yellow warm peach green water nature purple air

Packs

Sets drawn in one style.

Mesh Backgrounds, Flat

20 SVGs · Free 14 · Premium 6

Not what you need?

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

More backgrounds

Questions

Can I change the colours of a mesh gradient background?: Yes. You can recolour an item or the whole grid on this page before exporting.
Can I download a mesh gradient as an image?: Yes. You can export PNG, WebP or JPG, or copy the SVG code.
Can I use a free mesh gradient in a commercial project?: Free accounts can use free items for personal projects. Pro and Max accounts get a commercial licence for what they download.