Beta

Staircase SVG background, flat

Free
Staircase SVG background, flat

Wide steps climb diagonally toward a simple upper landing. The scene can support an architecture presentation or provide a setting for a character illustration.

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

staircasestepsarchitecturelandingperspectivebackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Cqr5sSslB1X2/amnt.svg" alt="Staircase" 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="#E9E6DD"/><path d="M0 900V760H260V650H520V540H780V430H1040V320H1300V210H1600V900Z" fill="#B8C5BF"/><path d="M0 760H260V650H520V540H780V430H1040V320H1300V210H1600" fill="none" stroke="#758E8B" stroke-width="3"/><path d="M260 760V900M520 650V900M780 540V900M1040 430V900M1300 320V900" fill="none" stroke="#8FA49E" stroke-width="2"/><path d="M0 805H260M260 695H520M520 585H780M780 475H1040M1040 365H1300M1300 255H1600" fill="none" stroke="#D5DCD3" stroke-width="2"/></svg>
CSS background-image
.staircase {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Cqr5sSslB1X2/amnt.svg");
  background-size: contain;
}
React
import StaircaseSvg from "./staircase.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Staircase: Wide steps rise diagonally from one lower corner toward a quiet upper landing. 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