Beta

Perspective Tunnel SVG background, flat

Free
Perspective Tunnel SVG background, flat

Angular walls and ceiling bands lead toward a distant opening near one side. This background suits a game level sketch or a tunnel safety handout.

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

tunnelpassagedepthinteriorperspectivebackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/58TP9YeQI8K2/amnt.svg" alt="Perspective Tunnel" 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="#172733"/><path d="M0 0H1600V900H0L1120 565H1320V395H1120Z" fill="#203541"/><path d="M0 0H1600L1320 395H1120Z" fill="#29434E"/><path d="M0 900H1600L1320 565H1120Z" fill="#192E3B"/><path d="M0 0 1120 395H1320L1600 0M0 900 1120 565H1320L1600 900" fill="none" stroke="#3C5962" stroke-width="2"/><path d="M310 0 1160 395M680 0 1200 395M1010 0 1240 395M310 900 1160 565M680 900 1200 565M1010 900 1240 565" fill="none" stroke="#3C5962" stroke-width="2"/><path d="M1120 395H1320V565H1120Z" fill="#10222F"/></svg>
CSS background-image
.perspective-tunnel {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/58TP9YeQI8K2/amnt.svg");
  background-size: contain;
}
React
import PerspectiveTunnelSvg from "./perspective-tunnel.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Perspective Tunnel: Angular tunnel walls and ceiling bands narrow toward a distant opening near one side. 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