Add icons to this collection by clicking the heart icon.
Staircase icon - also known as holidays, architecture, design, stairs, staircase, and interior. Created in a clean flat style with a gray, black, red, olive, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 58 43"
>
<g fill="none" fill-rule="evenodd">
<circle cx="20" cy="2" r="2" fill="#a56a43" fill-rule="nonzero" />
<circle cx="2" cy="2" r="2" fill="#a56a43" fill-rule="nonzero" />
<circle cx="56" cy="2" r="2" fill="#a56a43" fill-rule="nonzero" />
<path
fill="#a56a43"
fill-rule="nonzero"
d="M57 4h-2a1 1 0 0 0-1 1v1H40V5a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v13.27a2 2 0 0 0-1-.27H23a2 2 0 0 0-1 .27V5a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v1H4V5a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v10a4 4 0 0 0 4 4H1.28a1 1 0 0 0-.97 1.24L1 23v16l-.69 2.76A1 1 0 0 0 1.28 43h55.44a1 1 0 0 0 .97-1.24L57 39V23l.69-2.76a1 1 0 0 0-.97-1.24H54a4 4 0 0 0 4-4V5a1 1 0 0 0-1-1z"
/>
<circle cx="38" cy="2" r="2" fill="#a56a43" fill-rule="nonzero" />
<circle cx="4" cy="15" r="4" fill="#805333" fill-rule="nonzero" />
<circle cx="20" cy="2" r="2" fill="#805333" fill-rule="nonzero" />
<circle cx="54" cy="15" r="4" fill="#805333" fill-rule="nonzero" />
<path
stroke="#000"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M38.25 22h-18.5M35 26h6.25M8.5 37H18M35 26h6.25M8.5 37H18"
/>
<g fill-rule="nonzero">
<path
fill="#f29c1f"
d="M22 7v11.27A2 2 0 0 0 21 20v2h-1a2.006 2.006 0 0 0-2 2v2h-1a2.006 2.006 0 0 0-2 2v3h-2a2.006 2.006 0 0 0-2 2v4H8a2.772 2.772 0 0 0-1 .18V23l11-11.73z"
/>
<path
fill="#e64c3c"
d="M53 40v3H5v-3c-.004-.32.05-.639.16-.94A2.943 2.943 0 0 1 7 37.18c.32-.121.658-.182 1-.18h42c.342-.002.68.059 1 .18a2.943 2.943 0 0 1 1.84 1.88c.11.301.164.62.16.94z"
/>
<path
fill="#c03a2b"
d="M37 20v2H21v-2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"
/>
<circle cx="2" cy="2" r="2" fill="#805333" />
<circle cx="56" cy="2" r="2" fill="#805333" />
<circle cx="38" cy="2" r="2" fill="#805333" />
<path
fill="#e57e25"
d="M18 6v5.27L7 23l.69-2.76A1 1 0 0 0 6.72 19H4a4 4 0 1 0 0-8V6z"
/>
<path
fill="#c03a2b"
d="M47 33v4H11v-4a2.006 2.006 0 0 1 2-2h32a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#e64c3c"
d="M43 28v3H15v-3a2.006 2.006 0 0 1 2-2h24a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#c03a2b"
d="M40 24v2H18v-2a2.006 2.006 0 0 1 2-2h18a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#f29c1f"
d="M51 23v14.18a2.772 2.772 0 0 0-1-.18h-3v-4a2.006 2.006 0 0 0-2-2h-2v-3a2.006 2.006 0 0 0-2-2h-1v-2a2.006 2.006 0 0 0-2-2h-1v-2a2 2 0 0 0-1-1.73V7l4 4.27z"
/>
<path
fill="#e57e25"
d="M50 15a4 4 0 0 0 4 4h-2.72a1 1 0 0 0-.97 1.24L51 23 40 11.27V6h14v5a4 4 0 0 0-4 4z"
/>
<path
fill="#805333"
d="M4 24a1 1 0 0 1-1 1H1v-2h2a1 1 0 0 1 1 1zM57 23v2h-2a1 1 0 0 1 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category