Add icons to this collection by clicking the heart icon.
Workflow icon - also known as project, planning, web programming, sitemap, programming, concept, workflow, blueprint, seo and web, and files and folders. Created in a clean flat style with a white, silver, gray, teal, blue, 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"
>
<path
fill="#fff"
d="M0 60h502a10 10 0 0 1 10 10v340a10 10 0 0 1-10 10H30a30 30 0 0 1-30-30V60z"
/>
<path
fill="#e8efff"
d="M502 60H0v20h482a10 10 0 0 1 10 10v330h10a10 10 0 0 0 10-10V70a10 10 0 0 0-10-10z"
/>
<path
fill="#e8efff"
d="M0 60v330.26a33.59 33.59 0 0 1 29.14-16.88h89.64a11.2 11.2 0 0 0 11.22-11.2V60z"
/>
<path
fill="#3d58ff"
d="M30 0A30 30 0 0 0 0 30v360a30 30 0 0 1 30-30h80a10 10 0 0 0 10-10V10a10 10 0 0 0-10-10z"
/>
<path
fill="#3146cc"
d="M20 50a30 30 0 0 1 30-30h70V10a10 10 0 0 0-10-10H30A30 30 0 0 0 0 30v360a30 30 0 0 1 20-28.29z"
/>
<path
fill="#48c5a1"
d="m441.3 479.2-20-20a7.47 7.47 0 0 0-5.3-2.2H86a17.52 17.52 0 0 0-17.5 17.5v20A17.52 17.52 0 0 0 86 512h330a7.47 7.47 0 0 0 5.3-2.2l20-20a7.49 7.49 0 0 0 0-10.6z"
/>
<path
fill="#3aaf88"
d="M86 477h330a7.47 7.47 0 0 1 5.3 2.2l15.31 15.3 4.69-4.7a7.49 7.49 0 0 0 0-10.6l-20-20a7.47 7.47 0 0 0-5.3-2.2H86a17.52 17.52 0 0 0-17.5 17.5v20A17.52 17.52 0 0 1 86 477z"
/>
<path
fill="#8397cc"
d="M297.5 250h-60a7.5 7.5 0 0 1 0-15h60a7.5 7.5 0 0 1 0 15zM327.5 220a7.5 7.5 0 0 1-7.5-7.5v-50a27.54 27.54 0 0 1 27.5-27.5h37a7.5 7.5 0 0 1 0 15h-37a12.52 12.52 0 0 0-12.5 12.5v50a7.5 7.5 0 0 1-7.5 7.5zM384.5 350h-37a27.54 27.54 0 0 1-27.5-27.5v-50a7.5 7.5 0 0 1 15 0v50a12.52 12.52 0 0 0 12.5 12.5h37a7.5 7.5 0 0 1 0 15z"
/>
<g fill="#e8efff">
<rect width="85" height="105" x="170" y="200" rx="17.5" />
<circle cx="337.5" cy="252.5" r="37.5" />
<rect width="95" height="65" x="387" y="120" rx="17.5" />
<rect width="95" height="65" x="387" y="320" rx="17.5" />
</g>
<rect width="85" height="105" x="160" y="190" fill="#f65d6d" rx="17.5" />
<circle cx="327.5" cy="242.5" r="37.5" fill="#f65d6d" />
<path
fill="#e25065"
d="M170 217.5a17.52 17.52 0 0 1 17.5-17.5h50a17.43 17.43 0 0 1 6.31 1.19A17.54 17.54 0 0 0 227.5 190h-50a17.52 17.52 0 0 0-17.5 17.5v70a17.54 17.54 0 0 0 11.19 16.31 17.43 17.43 0 0 1-1.19-6.31zM337.5 215a37.28 37.28 0 0 1 21 6.47 37.49 37.49 0 1 0-52.06 52.06 37.48 37.48 0 0 1 31-58.53z"
/>
<rect width="95" height="65" x="377" y="110" fill="#f4a42b" rx="17.5" />
<rect width="95" height="65" x="377" y="310" fill="#f4a42b" rx="17.5" />
<path
fill="#e59123"
d="M387 137.5a17.52 17.52 0 0 1 17.5-17.5h60a17.43 17.43 0 0 1 6.31 1.19A17.54 17.54 0 0 0 454.5 110h-60a17.52 17.52 0 0 0-17.5 17.5v30a17.54 17.54 0 0 0 11.19 16.31 17.43 17.43 0 0 1-1.19-6.31zM387 337.5a17.52 17.52 0 0 1 17.5-17.5h60a17.43 17.43 0 0 1 6.31 1.19A17.54 17.54 0 0 0 454.5 310h-60a17.52 17.52 0 0 0-17.5 17.5v30a17.54 17.54 0 0 0 11.19 16.31 17.43 17.43 0 0 1-1.19-6.31z"
/>
<path
fill="#3d58ff"
d="M123.5 457H86a17.52 17.52 0 0 0-17.5 17.5v20A17.52 17.52 0 0 0 86 512h37.5z"
/>
<path
fill="#3146cc"
d="M86 477h37.5v-20H86a17.52 17.52 0 0 0-17.5 17.5v20A17.52 17.52 0 0 1 86 477z"
/>
</svg>
More icons in the same style and category