Add icons to this collection by clicking the heart icon.
Upstairs icon - also known as signs, arrow, signaling, stairs, upward arrow, upstairs, go up, stairs outline, go upstairs, and stairs sign. Created in a clean lineal gradient style, 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="100"
height="100"
viewBox="0 0 496 496"
>
<linearGradient
id="a"
x1="-53.019"
x2="28.436"
y1="561.484"
y2="642.933"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M472 416h-56v-56a8 8 0 0 0-8-8h-56v-56a8 8 0 0 0-8-8h-56v-56a8 8 0 0 0-8-8h-56v-56a8 8 0 0 0-8-8h-56v-56a8 8 0 0 0-8-8H96V40a8 8 0 0 0-8-8H32V8a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8h56v56a8 8 0 0 0 8 8h56v56a8 8 0 0 0 8 8h56v56a8 8 0 0 0 8 8h56v56a8 8 0 0 0 8 8h56v56a8 8 0 0 0 8 8h56v56a8 8 0 0 0 8 8h56v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-50.423"
x2="31.033"
y1="558.882"
y2="640.338"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="m323.504 215.448-2.448-67.08 85.288 85.288a8 8 0 0 0 11.312-11.312l-85.312-85.312 67.112 2.456.576-16L304 120l3.488 96 16.016-.552z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category