Add icons to this collection by clicking the heart icon.
Step icon - also known as signs, signal, people, up arrow, ascending, statistics, stats, up, stairs, stair, steps, ascendant, signals set, step, and business and finance. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, orange, and pink 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 0h-28.59a15.002 15.002 0 0 0-14.794 17.477l11.488 68.62-42.976 40.857c-5.71 6.002-5.473 15.496.53 21.206 6.001 5.708 15.496 5.474 21.206-.531l48.14-46.284A14.997 14.997 0 0 0-1.07 88.53L-10.87 30H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(412.308 187.5)"
fill="#594f69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 13.445 63.52a15.004 15.004 0 0 0 2.619 5.818l39.669 53.576c4.93 6.658 14.324 8.059 20.982 3.129 6.659-4.928 8.057-14.322 3.129-20.98L42.118 54.111 29.35-6.213c-1.715-8.104-9.677-13.284-17.782-11.568C3.462-16.065-1.715-8.103 0 0"
transform="translate(52.49 240.706)"
fill="#e8916f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 13.445 63.52a15.01 15.01 0 0 0 2.62 5.819l39.669 53.576c4.93 6.657 14.324 8.058 20.981 3.128 6.659-4.928 8.058-14.322 3.129-20.98L42.119 54.112 29.351-6.212c-1.716-8.105-9.677-13.285-17.782-11.569C3.462-16.065-1.715-8.103 0 0"
transform="translate(268.845 320.114)"
fill="#e8916f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 7.5h-71v210h71z"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 7.5h-30v210h30z"
fill="#ffbd54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.24a15 15 0 0 0-14.303 19.521l25.885 81.879 2.543 81.733c.258 8.281 7.171 14.788 15.46 14.526 8.28-.258 14.783-7.18 14.526-15.46l-2.608-83.807a15.026 15.026 0 0 0-.691-4.055L-1.767 30H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(327.257 157.5)"
fill="#685c79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M78.5 7.5h-71v30h71z"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M78.5 7.5h-30v30h30z"
fill="#ffbd54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M149.5 7.5h-71v60h71z"
fill="#47d5e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M149.5 7.5h-30v60h30z"
fill="#22c0d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M220.5 7.5h-71v90h71z"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M220.5 7.5h-30v90h30z"
fill="#ffbd54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M291.5 7.5h-71v120h71z"
fill="#47d5e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M291.5 7.5h-30v120h30z"
fill="#22c0d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M362.5 7.5h-71v150h71z"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M362.5 7.5h-30v150h30z"
fill="#ffbd54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M433.5 7.5h-71v180h71z"
fill="#47d5e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M433.5 7.5h-30v180h30z"
fill="#22c0d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.24a15 15 0 0 0-14.303 19.521l25.878 81.855 2.555 91.898c.23 8.282 7.143 14.795 15.411 14.578 8.281-.23 14.807-7.13 14.577-15.412l-2.613-93.998a15.025 15.025 0 0 0-.692-4.105L-1.767 30H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(111.912 67.5)"
fill="#685c79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.59a14.999 14.999 0 0 0-14.656 18.191l8.683 57.84-61.135 21.165c-7.828 2.71-11.978 11.253-9.268 19.082 2.709 7.829 11.252 11.979 19.082 9.267l73.718-25.521a14.999 14.999 0 0 0 9.749-17.365L-9.973 30H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(219.795 127.5)"
fill="#594f69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.807-11.193-25-25-25-13.808 0-25 11.193-25 25s11.192 25 25 25C-11.193 25 0 13.807 0 0"
transform="translate(158.407 402.275)"
fill="#ebad88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60v103.756c0 16.569 13.432 30 30 30 16.568 0 30-13.431 30-30z"
transform="translate(163.407 243.519)"
fill="#ff2c5c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.848 29.848 0 0 1-15-4.023C-6.036-9.211 0-18.898 0-30v-103.756h30V-30C30-13.432 16.568 0 0 0"
transform="translate(133.407 377.275)"
fill="#e62753"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.807-11.192-25-25-25-13.807 0-25 11.193-25 25s11.193 25 25 25C-11.192 25 0 13.807 0 0"
transform="translate(373.304 479.5)"
fill="#ebad88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60v103.756c0 16.569 13.432 30 30 30 16.568 0 30-13.431 30-30z"
transform="translate(378.304 320.744)"
fill="#ff2c5c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.854 29.854 0 0 1-15-4.023C-6.035-9.211 0-18.897 0-30v-103.756h30V-30C30-13.431 16.568 0 0 0"
transform="translate(348.304 454.5)"
fill="#e62753"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.206 47.553a14.994 14.994 0 0 0-3.251 5.492l-20.981 63.275c-2.608 7.863 1.653 16.351 9.516 18.959 7.863 2.609 16.351-1.654 18.958-9.517l19.954-60.175 41.983-45.161c5.64-6.068 5.294-15.559-.774-21.199C15.13-6.415 5.639-6.066 0 0"
transform="translate(201.706 231.698)"
fill="#ebad88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 28.388 9.705-10.32 31.121C15.461 48.689 6.974 52.952-.89 50.343c-7.863-2.608-12.124-11.096-9.516-18.959Z"
transform="translate(143.674 316.634)"
fill="#dcdfe8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.206 47.553a14.994 14.994 0 0 0-3.251 5.492l-20.981 63.275c-2.608 7.863 1.653 16.351 9.516 18.959 7.863 2.609 16.351-1.654 18.958-9.517l19.954-60.175 41.983-45.161c5.64-6.068 5.294-15.559-.774-21.199C15.13-6.415 5.639-6.065 0 0"
transform="translate(416.759 308.3)"
fill="#ebad88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 28.388 9.706-10.32 31.12C15.461 48.689 6.974 52.952-.89 50.343c-7.863-2.608-12.124-11.096-9.516-18.959Z"
transform="translate(358.727 393.235)"
fill="#dcdfe8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.08-.1-.16-.2-.23-.3l-39.661-53.58a14.715 14.715 0 0 1-2.619-5.81l-13.45-63.52c-1.71-8.11 3.46-16.07 11.569-17.79 8.101-1.71 16.061 3.47 17.781 11.57l12.77 60.33 8.8 11.89"
transform="translate(108.45 363.92)"
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 0c-.87-.73-1.67-1.58-2.37-2.53l-39.67-53.58a15.047 15.047 0 0 1-2.62-5.82l-13.441-63.52c-1.719-8.1 3.46-16.06 11.561-17.78 8.109-1.71 16.07 3.47 17.78 11.57l12.77 60.33 7.34 9.91"
transform="translate(326.95 445.56)"
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 0-.51-16.36-1.511-48.49a15.04 15.04 0 0 0-.689-4.05l-20.34-64.34h1.77c8.28 0 15-6.72 15-15 0-8.28-6.72-15-15-15h-22.241a15.005 15.005 0 0 0-14.309 19.52l25.89 81.88L-30.021 0"
transform="translate(348.54 320.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M504.5 7.5h-71v210h71z"
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 0-8.876-28.076a15.027 15.027 0 0 1 2.2-13.39 15.02 15.02 0 0 1 12.1-6.13h22.24c8.29 0 15 6.721 15 15 0 8.28-6.71 15-15 15h-1.76l20.34 64.34c.42 1.33.65 2.71.69 4.1l1.55 55.77"
transform="translate(84.246 115.096)"
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 0-2.16-77.84-7.357-23.27"
transform="translate(103.41 246.72)"
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 0c0-13.807-11.193-25-25-25-13.808 0-25 11.193-25 25s11.192 25 25 25C-11.193 25 0 13.807 0 0Z"
transform="translate(158.407 402.275)"
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 0v-29.37h-60V74.39c0 16.56 13.43 30 30 30 8.29 0 15.79-3.36 21.21-8.79 2.32-2.32 4.25-5.01 5.71-7.98"
transform="translate(163.41 272.89)"
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 0 33.17-31.89c3.25-3.42 4.71-8.17 3.931-12.82l-9.8-58.53H38.17c8.28 0 15-6.72 15-15 0-8.28-6.72-15-15-15H9.58c-4.41 0-8.6 1.94-11.45 5.31a15.044 15.044 0 0 0-3.35 12.17L6.271-47.14l-32.38 30.78"
transform="translate(374.14 320.74)"
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 0c0-13.807-11.192-25-25-25-13.807 0-25 11.193-25 25s11.193 25 25 25C-11.192 25 0 13.807 0 0Z"
transform="translate(373.304 479.5)"
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 0v-28.93h-60V74.83c0 16.57 13.44 30 30 30 8.28 0 15.78-3.36 21.21-8.79 2.79-2.79 5.03-6.12 6.55-9.83"
transform="translate(378.3 349.67)"
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 0-44.206 47.553a14.994 14.994 0 0 0-3.251 5.492l-20.981 63.275c-2.608 7.863 1.653 16.351 9.516 18.959 7.863 2.609 16.351-1.654 18.958-9.517l19.954-60.175 41.983-45.161c5.64-6.068 5.294-15.559-.774-21.199C15.13-6.415 5.639-6.066 0 0Z"
transform="translate(201.706 231.698)"
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 0 28.388 9.705"
transform="translate(143.674 316.634)"
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 0 10.428-11.217c5.64-6.068 5.294-15.559-.774-21.2-6.069-5.641-15.56-5.291-21.199.774L-55.751 15.91a14.994 14.994 0 0 0-3.251 5.492l-20.981 63.275c-2.608 7.863 1.653 16.351 9.516 18.959 7.863 2.609 16.351-1.654 18.958-9.517l19.954-60.175 9.771-10.51"
transform="translate(428.304 339.942)"
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 0 28.388 9.706"
transform="translate(358.727 393.235)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M78.5 7.5h-71v30h71zM149.5 7.5h-71v60h71zM220.5 7.5h-71v90h71z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M220.5 7.5h-71v90h71z"
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-71v120H0"
transform="translate(291.5 7.5)"
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 0v93.333h71v-150H0v24.5"
transform="translate(291.5 64.166)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M433.5 7.5h-71v180h71z"
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 0 46.2-16c7.18-2.48 11.361-9.94 9.75-17.36l-7.559-52.66h9.969c8.29 0 15-6.72 15-15 0-8.28-6.71-15-15-15H29.78c-4.54 0-8.84 2.05-11.69 5.59a15.003 15.003 0 0 0-2.97 12.6l8.681 57.84-61.131 21.17C-45.069-16.14-49.22-7.76-46.689 0"
transform="translate(161.43 243.52)"
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