Tunnel SVG background, flat

Free

Preview on the whole page

Offset rectangular frames shrink toward a small opening left of centre. The design can frame text on a website banner or a video title card.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

tunnel depth perspective background 3d flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wHtJioUiPwGj/amnt.svg" alt="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="#E9EFEC"/><path d="M0 0H1600L1230 145H185Z" fill="#D3E0DA"/><path d="M0 900V0L185 145V765Z" fill="#B5CCC3"/><path d="M0 900L185 765H1230L1600 900Z" fill="#C3D5CE"/><path d="M1600 0V900L1230 765V145Z" fill="#A4BFB6"/><path d="M185 145H1230L1000 255H335Z" fill="#E9EFEC"/><path d="M185 765V145L335 255V665Z" fill="#92B0A7"/><path d="M185 765L335 665H1000L1230 765Z" fill="#D3E0DA"/><path d="M1230 145V765L1000 665V255Z" fill="#B5CCC3"/><path d="M335 255H1000L825 335H445Z" fill="#C3D5CE"/><path d="M335 665V255L445 335V585Z" fill="#A4BFB6"/><path d="M335 665L445 585H825L1000 665Z" fill="#E9EFEC"/><path d="M1000 255V665L825 585V335Z" fill="#92B0A7"/><path d="M445 335H825L725 385H505Z" fill="#D3E0DA"/><path d="M445 585V335L505 385V535Z" fill="#B5CCC3"/><path d="M445 585L505 535H725L825 585Z" fill="#C3D5CE"/><path d="M825 335V585L725 535V385Z" fill="#A4BFB6"/><rect x="505" y="385" width="220" height="150" fill="#E9EFEC"/></svg>

CSS background-image

.tunnel {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wHtJioUiPwGj/amnt.svg");
  background-size: contain;
}

React

import TunnelSvg from "./tunnel.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Tunnel: Offset rectangular frames shrink toward a small opening placed well left of centre. as part of the pack 3D Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of 3D 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