Add icons to this collection by clicking the heart icon.
Workflow icon - also known as directions, networking, work, organization, diagrams, schemes, workflow, and files and folders. Created in a clean flat style with a silver, gray, yellow, olive, 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 64 64"
>
<path fill="#57b7eb" d="M21 3h40v28H21z" />
<path fill="#4891d3" d="M27 7V3h-6v28h40v-6H45A18 18 0 0 1 27 7z" />
<path fill="#a1d51c" d="M37 25h8a17.89 17.89 0 0 1-8-1.89z" />
<path
fill="#e59730"
d="M41 22a1 1 0 0 1-1-1v-8a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1z"
/>
<path
fill="#fcbc04"
d="M53 22a1 1 0 0 1-1-1v-3H30v3a1 1 0 0 1-2 0v-4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1z"
/>
<path
fill="#e59730"
d="M32 49a1 1 0 0 1-1-1v-6a3 3 0 0 1 3-3h10a1 1 0 0 0 1-1v-5a3 3 0 0 1 3-3h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 2 0v4a3 3 0 0 1-3 3h-3a1 1 0 0 0-1 1v5a3 3 0 0 1-3 3H34a1 1 0 0 0-1 1v6a1 1 0 0 1-1 1z"
/>
<path fill="#fcbc04" d="M35 12H16a1 1 0 0 1 0-2h19a1 1 0 0 1 0 2z" />
<path
fill="#f9e109"
d="M53 47a1 1 0 0 1-1-1v-9a1 1 0 0 0-1-1H31a3 3 0 0 1-3-3v-8a1 1 0 0 1 2 0v8a1 1 0 0 0 1 1h20a3 3 0 0 1 3 3v9a1 1 0 0 1-1 1z"
/>
<g fill="#fcbc04">
<path
d="M39 45H16a1 1 0 0 1 0-2h23a1 1 0 0 0 1-1V25a1 1 0 0 1 2 0v17a3 3 0 0 1-3 3z"
/>
<circle cx="10" cy="33" r="1" />
<circle cx="10" cy="29" r="1" />
<circle cx="10" cy="25" r="1" />
<circle cx="10" cy="21" r="1" />
</g>
<path fill="#f9e109" d="M35 9h12v4H35z" />
<path fill="#c4f236" d="M37 21h8v4h-8zM49 21h8v4h-8z" />
<path fill="#a1d51c" d="M25 21h8v4h-8z" />
<circle cx="10" cy="11" r="7" fill="#a1d51c" />
<path
fill="#7ab92d"
d="M13 15A7 7 0 0 1 6.79 4.79a7 7 0 1 0 9.42 9.42A6.93 6.93 0 0 1 13 15z"
/>
<path
fill="#f9e109"
d="M12 13h-.51a2.5 2.5 0 1 0-3 0H8a2 2 0 0 0-2 2v1.74a7 7 0 0 0 8 0V15a2 2 0 0 0-2-2z"
/>
<path
fill="#fcbc04"
d="M8 14v-1a2 2 0 0 0-2 2v1.74a7 7 0 0 0 8 0V16h-4a2 2 0 0 1-2-2zM9.5 10a2.45 2.45 0 0 1 .5-1.5 2.5 2.5 0 1 0 2 4A2.5 2.5 0 0 1 9.5 10z"
/>
<circle cx="10" cy="44" r="7" fill="#a1d51c" />
<path
fill="#7ab92d"
d="M13 48a7 7 0 0 1-6.21-10.21 7 7 0 1 0 9.42 9.42A6.93 6.93 0 0 1 13 48z"
/>
<path
fill="#f9e109"
d="M12 46h-.51a2.5 2.5 0 1 0-3 0H8a2 2 0 0 0-2 2v1.74a7 7 0 0 0 8 0V48a2 2 0 0 0-2-2z"
/>
<path
fill="#fcbc04"
d="M8 47v-1a2 2 0 0 0-2 2v1.74a7 7 0 0 0 8 0V49h-4a2 2 0 0 1-2-2zM9.5 43a2.45 2.45 0 0 1 .5-1.5 2.5 2.5 0 1 0 2 4A2.5 2.5 0 0 1 9.5 43z"
/>
<circle cx="32" cy="54" r="7" fill="#a1d51c" />
<path
fill="#7ab92d"
d="M35 58a7 7 0 0 1-6.21-10.21 7 7 0 1 0 9.42 9.42A6.93 6.93 0 0 1 35 58z"
/>
<path
fill="#f9e109"
d="M34 56h-.51a2.5 2.5 0 1 0-3 0H30a2 2 0 0 0-2 2v1.74a7 7 0 0 0 8 0V58a2 2 0 0 0-2-2z"
/>
<path
fill="#fcbc04"
d="M30 57v-1a2 2 0 0 0-2 2v1.74a7 7 0 0 0 8 0V59h-4a2 2 0 0 1-2-2zM31.5 53a2.45 2.45 0 0 1 .5-1.5 2.5 2.5 0 1 0 2 4 2.5 2.5 0 0 1-2.5-2.5z"
/>
<circle cx="53" cy="52" r="7" fill="#a1d51c" />
<path
fill="#7ab92d"
d="M56 56a7 7 0 0 1-6.21-10.21 7 7 0 1 0 9.42 9.42A6.93 6.93 0 0 1 56 56z"
/>
<path
fill="#f9e109"
d="M55 54h-.51a2.5 2.5 0 1 0-3 0H51a2 2 0 0 0-2 2v1.74a7 7 0 0 0 8 0V56a2 2 0 0 0-2-2z"
/>
<path
fill="#fcbc04"
d="M51 55v-1a2 2 0 0 0-2 2v1.74a7 7 0 0 0 8 0V57h-4a2 2 0 0 1-2-2zM52.5 51a2.45 2.45 0 0 1 .5-1.5 2.5 2.5 0 1 0 2 4 2.5 2.5 0 0 1-2.5-2.5z"
/>
</svg>
More icons in the same style and category