Add icons to this collection by clicking the heart icon.
Stairs icon - also known as stairs, floor, Handrail, and sports and competition. Created in a clean lineal color style with a white, gray, black, yellow, teal, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v33.057c0 5.523-4.477 10-10 10h-60.708v33.058c0 5.522-4.477 10-10 10h-60.708v33.057c0 5.523-4.478 10-10 10h-60.709v33.057c0 5.523-4.477 10-10 10h-171.481c-5.524 0-10-4.477-10-10V-33.057c0-5.523 4.476-10 10-10H60.709c5.522 0 10 4.477 10 10V-10c0 5.523-4.478 10-10 10z"
transform="translate(433.791 191.414)"
fill="#fee35a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-23.05c0-5.53-4.48-10-10-10h-26.67c5.529 0 10 4.47 10 10V0c0 5.53-4.471 10-10 10H-10C-4.48 10 0 5.53 0 0"
transform="translate(504.5 181.41)"
fill="#f9c600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.06h-26.66V0c0 5.52-4.481 10-10 10H-10C-4.471 10 0 5.52 0 0"
transform="translate(363.08 267.53)"
fill="#f9c600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.05h-26.67V0c0 5.53-4.48 10-10 10H-10C-4.48 10 0 5.53 0 0"
transform="translate(221.67 353.64)"
fill="#f9c600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h191.295v33.057c0 5.523-4.478 10-10 10H0Z"
transform="translate(101.08 277.529)"
fill="#00f3a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.06h-26.66V0c0 5.52-4.48 10-10 10H-10C-4.47 10 0 5.52 0 0"
transform="translate(292.37 310.59)"
fill="#0dd290"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h191.294v33.058c0 5.522-4.477 10-10 10H0Z"
transform="translate(242.497 191.406)"
fill="#00f3a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.06h-26.67V0c0 5.52-4.47 10-10 10H-10C-4.479 10 0 5.52 0 0"
transform="translate(433.79 224.47)"
fill="#0dd290"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h213.456c5.523 0 10 4.477 10 10v23.057c0 5.523-4.477 10-10 10h-60.709v33.057c0 5.523-4.476 10-10 10H82.039v33.058c0 5.522-4.476 10-10 10H11.331v33.057c0 5.523-4.477 10-10 10h-60.709v33.057c0 5.523-4.476 10-10 10h-180.481"
transform="translate(281.044 148.357)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v33.057c0 5.523-4.478 10-10 10h-60.708v33.058c0 5.522-4.478 10-10 10h-60.709v33.057c0 5.523-4.477 10-10 10h-60.708v33.057c0 5.523-4.478 10-10 10h-20.872c-5.523 0-10-4.477-10-10V-33.057c0-5.523 4.477-10 10-10H60.708c5.523 0 10 4.477 10 10V-10c0 5.523-4.477 10-10 10z"
transform="translate(260.497 191.414)"
fill="#9e9797"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-98.31c0-5.523 4.478-10 10-10h203.833"
transform="translate(7.5 256.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h65.871c5.524 0 10 4.477 10 10v23.057c0 5.523-4.476 10-10 10H5.163v33.058c0 5.522-4.477 10-10 10h-60.708v33.056c0 5.523-4.477 10-10 10h-60.709v33.058c0 5.522-4.476 10-10 10h-60.708v33.057c0 5.523-4.477 10-10 10h-20.872c-5.522 0-10-4.477-10-10V142.31"
transform="translate(255.334 148.357)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h114.586"
transform="translate(107.08 320.586)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-51.708"
transform="translate(292.375 277.528)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-28.877"
transform="translate(206.666 277.528)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h114.586"
transform="translate(248.497 234.471)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h114.586"
transform="translate(319.205 191.414)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-57.946a5 5 0 0 0-5 5v28a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(107.645 180.956)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-57.946a5 5 0 0 0-5 5v28a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(107.645 180.956)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.973"
transform="translate(44.7 247.623)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category