Add icons to this collection by clicking the heart icon.
Step icon - also known as direction, planning, process, path, steps, step, sequence, business and finance, and procedure. Created in a clean flat style with a white, gray, yellow, 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 512 512"
>
<g>
<path
fill="#485361"
d="M492.8 138.4a16 16 0 0 0-22.4-3.2L464 140V96a48.05 48.05 0 0 0-48-48h-56a16 16 0 0 0 0 32h56a16 16 0 0 1 16 16v44l-6.4-4.8a16 16 0 1 0-19.2 25.6L432 180v44a16 16 0 0 1-16 16h-56a16 16 0 0 0 0 32h56a48.05 48.05 0 0 0 48-48v-44l25.6-19.2a16 16 0 0 0 3.2-22.4z"
/>
<path
fill="#5d6978"
d="M152 432H96a16 16 0 0 1-16-16v-36l25.6-19.2a16 16 0 0 0-19.2-25.6L80 340v-52a16 16 0 0 1 16-16h56a16 16 0 0 0 0-32H96a48.05 48.05 0 0 0-48 48v52l-6.4-4.8a16 16 0 1 0-19.2 25.6L48 380v36a48.05 48.05 0 0 0 48 48h56a16 16 0 0 0 0-32z"
/>
<path
fill="#f2f4f8"
d="M152 0a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h104l10-64-10-64z"
/>
<path
fill="#dee4ed"
d="M376 112V16a16 16 0 0 0-16-16H256v128h104a16 16 0 0 0 16-16z"
/>
<path
fill="#ffd45c"
d="M136 208v96a16 16 0 0 0 16 16h104l10-64-10-64H152a16 16 0 0 0-16 16z"
/>
<path
fill="#ffb94a"
d="M360 320a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16H256v128z"
/>
<path
fill="#ff826a"
d="M136 400v96a16 16 0 0 0 16 16h104l10-64-10-64H152a16 16 0 0 0-16 16z"
/>
<path
fill="#f2655a"
d="M360 512a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16H256v128z"
/>
</g>
</svg>
More icons in the same style and category