Add icons to this collection by clicking the heart icon.
Step By Step icon - also known as planning, process, infographics, strategic plan, business and finance, procedure, progressive, and step by step. Created in a clean flat 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#fed402"
d="M256 0c-47.547 0-91.921 13.559-129.493 37h257.384v-1C346.663 13.17 302.871 0 256 0zM443 86.728h-1v39.14c0 2.206-1.794 4-4 4H70V85.545C33.227 128.4 11 184.102 11 245c0 135.31 109.69 245 245 245s245-109.69 245-245c0-60.341-21.827-115.576-58-158.272z"
/>
<path
fill="#af66da"
d="M387 250.278H80.362l-11.362 1 22.528 26.541h318L387 251.278z"
/>
<path
fill="#0ed290"
d="M409.529 157.41 387 130.868v-1H79.137l-10.137 1 22.529 26.542z"
/>
<path fill="#00c285" d="m69 130.868 22.529 26.542H132l-23-26.542z" />
<path fill="#9857bd" d="m69 251.278 22.528 26.541H134l-25-26.541z" />
<g fill="#01d0fb">
<path
d="M191.5 129.868h129v27.542h-129zM373.816 407.148H320.5v-36.461h-129v36.461h-53.318c-4.719 0-6.811 5.936-3.135 8.895l117.817 94.852a5 5 0 0 0 6.271 0l117.817-94.852c3.675-2.959 1.583-8.895-3.136-8.895zM191.5 250.278h129v27.541h-129z"
/>
</g>
<g fill="#01c0fa">
<path
d="M191.5 130.868H225v25.542h-33.5zM191.5 251.278H225v25.542h-33.5zM213 403h10.097a9.942 9.942 0 0 0 1.903-5.852v-25.46h-33.5v35.46h16.586A4.99 4.99 0 0 1 213 403zM177.221 416.043c-3.676-2.959-1.583-8.895 3.135-8.895h-42.174c-4.719 0-6.811 5.936-3.135 8.895l117.817 94.852a5 5 0 0 0 6.271 0l17.951-14.452z"
/>
</g>
<path
fill="#05e39c"
d="M443 125.868v-39.14A246.212 246.212 0 0 0 383.891 36H74a5 5 0 0 0-5 5v89.868h369a5 5 0 0 0 5-5z"
/>
<path
fill="#0ed290"
d="M114 36H74a5 5 0 0 0-5 5v89.868h40V41a5 5 0 0 1 5-5z"
/>
<path
fill="#fff"
d="M398 75.427H186a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h212a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM398 106.441H186a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h212a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM141.976 113.739H98.19a7.5 7.5 0 0 1-7.5-7.5V62.454a7.5 7.5 0 0 1 7.5-7.5h43.785a7.5 7.5 0 0 1 7.5 7.5v43.785a7.498 7.498 0 0 1-7.499 7.5zm-36.286-15h28.785V69.954H105.69z"
/>
<path
fill="#bd80e1"
d="M438 251.278H69V161.41a5 5 0 0 1 5-5h364a5 5 0 0 1 5 5v84.868a5 5 0 0 1-5 5z"
/>
<path
fill="#af66da"
d="M114 156.41H74a5 5 0 0 0-5 5v89.868h40V161.41a5 5 0 0 1 5-5z"
/>
<path
fill="#fff"
d="M398 195.837H186a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h212a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM398 226.852H186a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h212a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM141.976 234.148H98.19a7.5 7.5 0 0 1-7.5-7.5v-43.785a7.5 7.5 0 0 1 7.5-7.5h43.785a7.5 7.5 0 0 1 7.5 7.5v43.785a7.498 7.498 0 0 1-7.499 7.5zm-36.286-15h28.785v-28.785H105.69z"
/>
<path
fill="#fe5694"
d="M438 371.688H74a5 5 0 0 1-5-5V281.82a5 5 0 0 1 5-5h364a5 5 0 0 1 5 5v84.868a5 5 0 0 1-5 5z"
/>
<path
fill="#fd3581"
d="M109 366.688V281.82a5 5 0 0 1 5-5H74a5 5 0 0 0-5 5v84.868a5 5 0 0 0 5 5h40a5 5 0 0 1-5-5z"
/>
<path
fill="#fff"
d="M398 316.246H186a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h212a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM398 347.261H186a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h212a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM141.976 354.559H98.19a7.5 7.5 0 0 1-7.5-7.5v-43.785a7.5 7.5 0 0 1 7.5-7.5h43.785a7.5 7.5 0 0 1 7.5 7.5v43.785a7.499 7.499 0 0 1-7.499 7.5zm-36.286-15h28.785v-28.785H105.69zM299 418h-86a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h86a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5zM277 449.015h-42a5 5 0 0 1-5-5v-5a5 5 0 0 1 5-5h42a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5z"
/>
</svg>
More icons in the same style and category