Stairs SVG background, flat

Free

Preview on the whole page

Wide steps rise diagonally from the lower left, with separate colours defining their tops and sides. Use them on course slides or career fair posters.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

stairs steps perspective background 3d flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dIHZrV4YtQdm/amnt.svg" alt="Stairs" 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="#E9EFED"/><path d="M0 760H290L415 685H0Z" fill="#C8D9D3"/><path d="M290 760H520V900H290Z" fill="#789C99"/><path d="M0 760H290V900H0Z" fill="#A5C0B9"/><path d="M0 620H445L570 545H125Z" fill="#C8D9D3"/><path d="M445 620H675V900H445Z" fill="#628B88"/><path d="M0 620H445V760H290V900H0Z" fill="#A5C0B9"/><path d="M125 480H600L725 405H250Z" fill="#D5E2DD"/><path d="M600 480H830V900H600Z" fill="#789C99"/><path d="M125 480H600V620H445V760H290V900H0V620H125Z" fill="#A5C0B9"/><path d="M250 340H755L880 265H375Z" fill="#D5E2DD"/><path d="M755 340H985V900H755Z" fill="#628B88"/><path d="M250 340H755V480H600V620H445V760H290V900H0V620H125V480H250Z" fill="#A5C0B9"/></svg>

CSS background-image

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

React

import StairsSvg from "./stairs.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Stairs: Wide steps rise diagonally from the lower left, their top and side faces in separate colours. 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