Beta

Vanishing Point SVG background, flat

Free
Vanishing Point SVG background, flat

A few broad planes converge at an off-center point, leaving much of the frame clear. Use it in a perspective drawing lesson or behind a slide heading.

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

vanishing pointdepthgeometrybackgroundperspectiveflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/WDSY-zBHyHmt/amnt.svg" alt="Vanishing Point" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#172831"/><path d="M0 900V710L1110 585Z" fill="#203640"/><path d="M0 900 1110 585 1600 900Z" fill="#29434B"/><path d="M1110 585 1600 710V900Z" fill="#233B44"/><path d="M1110 585 1600 568V710Z" fill="#1C303A"/><path d="M0 710 1110 585 0 675Z" fill="#1C303A"/></svg>
CSS background-image
.vanishing-point {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/WDSY-zBHyHmt/amnt.svg");
  background-size: contain;
}
React
import VanishingPointSvg from "./vanishing-point.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Vanishing Point: A few broad planes meet at an off-center distant point, leaving most of the frame unmarked. as part of the pack Perspective Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Perspective Backgrounds, 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