Can I change the colour of a perspective background?

Yes. You can recolour it on the page and adjust its stroke width, size, opacity and rotation.

How can I use a perspective SVG as a website background?

Copy the SVG code or export a CSS background-image or mask-image data URI.

Can I use these backgrounds in a commercial project?

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.

Free perspective SVG backgrounds

22 SVGs

Search the library

Browse free perspective SVG backgrounds for website headers, presentation slides, posters and social posts. Perspective lines, grids, corridors and receding shapes can add depth behind a heading or image. Use this page when you need a background with a clear focal point or space for text. Each item is real SVG code checked before publication.

Recolour a background on the page, or change its size, opacity and rotation. You can also adjust stroke width. Copy the SVG code, use a CSS background-image or mask-image data URI, or export PNG, WebP or JPG. Free items are available for personal projects with a free account. No credit line is needed.

interior depth architecture geometry floor horizon grid squares passage repetition windows frames

Packs

Sets drawn in one style.

Perspective Backgrounds, Flat

22 SVGs · Free 15 · Premium 7

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 perspective background?: Yes. You can recolour it on the page and adjust its stroke width, size, opacity and rotation.
How can I use a perspective SVG as a website background?: Copy the SVG code or export a CSS background-image or mask-image data URI.
Can I use these backgrounds in a commercial project?: 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.