Add icons to this collection by clicking the heart icon.
Step icon - also known as shoe, way, achievement, path, stairs, steps, step, and sports and competition. Created in a clean lineal color style with a white, silver, black, 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 0v93.333h-92.359V46.092A94.147 94.147 0 0 1-11.4 0Z"
transform="translate(256 408.667)"
fill="#feda9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.763-20.302-3.95-45.472 15.583-57.574l160.255-99.287H332.09a7.788 7.788 0 0 1 7.788 7.789v27.52H186.742Z"
transform="translate(108.123 350.86)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v3.505c0 47.962-38.881 86.843-86.843 86.843h-39.553l-71.915 93.464a107.947 107.947 0 0 0-75.83 31.461l-10.219 10.177-55.509-103.898L-153.137 0H0"
transform="translate(448.002 229.308)"
fill="#ff5d5d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 10.219-10.177A107.955 107.955 0 0 1 86.05-41.639l32.921-42.785H104.213A188.078 188.078 0 0 0-21.196-35.968z"
transform="translate(163.641 454.759)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v3.505c0 47.962-38.881 86.843-86.843 86.843h-39.553l-71.915 93.464v0a107.947 107.947 0 0 0-75.83 31.461l-10.219 10.177-55.509-103.898L-153.137 0H0"
transform="translate(448.002 229.308)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-27.52a7.788 7.788 0 0 0-7.789-7.788h-156.252l-160.254 99.286c-19.534 12.102-26.346 37.272-15.583 57.574v0"
transform="translate(448.002 229.308)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a188.078 188.078 0 0 1 123.714-46.945h11.823"
transform="translate(144.14 417.28)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.535-25.535"
transform="translate(321.606 319.656)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-31.519-31.519"
transform="translate(367.04 314.789)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-26.481-26.481"
transform="translate(293.125 350.86)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v47.241"
transform="translate(163.641 454.759)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v93.333"
transform="translate(256 408.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M198 102h304v92H198ZM502 102H10V10h492z"
fill="#ade5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(116 102)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-64.914v-92h492V0h-334"
transform="translate(74.914 102)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M198 102h304v92H198Z"
fill="none"
stroke="#000"
stroke-width="20"
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