Add icons to this collection by clicking the heart icon.
Workflow icon - also known as graphic, structure, organization, infographic, structures, workflow, priority, timeline, seo and web, and business and finance. Created in a clean lineal color style with a white, silver, gray, teal, 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="512"
height="512"
viewBox="0 0 64 64"
>
<rect width="60" height="48" x="2" y="8" fill="#e2e7f6" rx="2" />
<path fill="#f7fafd" d="M4 8a2 2 0 0 0-2 2v42h54a2 2 0 0 0 2-2V8z" />
<path fill="#4c6cb5" d="M2 16h39l12-8H4a2 2 0 0 0-2 2z" />
<path fill="#5e87ca" d="M62 14H44l9-6h7a2 2 0 0 1 2 2z" />
<path fill="#f7fafd" d="M5 11h8v2H5zM15 11h2v2h-2z" />
<path fill="#78a0d4" d="M58 8h-5l-9 6h14z" />
<circle cx="32" cy="34" r="11" fill="#f0ae42" />
<path
fill="#3b5892"
d="M42.95 33c.029.33.05.662.05 1s-.021.67-.05 1H47v-2z"
/>
<path
fill="#f9d266"
d="M21 34a10.948 10.948 0 0 0 2.5 6.974c.169.008.335.026.5.026a11 11 0 0 0 8.505-17.974C32.336 23.018 32.17 23 32 23a11 11 0 0 0-11 11z"
/>
<path
fill="#3b5892"
d="M21 34c0-.338.021-.67.05-1H16v2h5.046c-.03-.329-.046-.663-.046-1z"
/>
<circle cx="32" cy="32" r="5" fill="#5e87ca" />
<path
fill="#5e87ca"
d="M32 37a7 7 0 0 0-6.858 5.592 10.97 10.97 0 0 0 13.716 0A7 7 0 0 0 32 37z"
/>
<path fill="#f0ae42" d="M44 20h14v4H44z" />
<path fill="#f9d266" d="M56 22v-2H44v3h11a1 1 0 0 0 1-1z" />
<path fill="#f0ae42" d="M6 20h14v4H6z" />
<path fill="#f9d266" d="M18 22v-2H6v3h11a1 1 0 0 0 1-1z" />
<path fill="#f0ae42" d="M44 44h14v8H44z" />
<path fill="#f9d266" d="M56 49v-5H44v6h11a1 1 0 0 0 1-1z" />
<path fill="#f0ae42" d="M6 44h14v8H6z" />
<path fill="#f9d266" d="M18 49v-5H6v6h11a1 1 0 0 0 1-1z" />
<path fill="#3b5892" d="M8 28h8v12H8z" />
<path fill="#4c6cb5" d="M14 37v-9H8v10h5a1 1 0 0 0 1-1z" />
<path fill="#3b5892" d="M47 28h8v12h-8z" />
<path fill="#4c6cb5" d="M53 37v-9h-6v10h5a1 1 0 0 0 1-1z" />
<path
fill="#3b5892"
d="M50 24h2v4h-2zM50 40h2v4h-2zM11 24h2v4h-2zM11 40h2v4h-2z"
/>
<g fill="#f7fafd">
<path d="M9 47h4v2H9zM15 47h2v2h-2zM47 47h4v2h-4zM53 47h2v2h-2z" />
</g>
<path
fill="#78a0d4"
d="M32 37a6.98 6.98 0 0 0-6.222 3.843 10.978 10.978 0 0 0 6.671-3.8C32.3 37.03 32.153 37 32 37zM27 32a5 5 0 0 0 5 5 4.829 4.829 0 0 0 .526-.053 10.986 10.986 0 0 0 2.261-9.1A5 5 0 0 0 27 32z"
/>
<path
d="M60 7H4a3 3 0 0 0-3 3v44a3 3 0 0 0 3 3h56a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3zm1 3v3H47.3l6-4H60a1 1 0 0 1 1 1zM4 9h45.7l-9 6H3v-5a1 1 0 0 1 1-1zm56 46H4a1 1 0 0 1-1-1V17h38a1.006 1.006 0 0 0 .555-.168L44.3 15H61v39a1 1 0 0 1-1 1z"
/>
<path
d="M5 11h8v2H5zM15 11h2v2h-2zM58 19H44a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6v2h-3a1 1 0 0 0-1 1v5h-2.051a11.99 11.99 0 0 0-23.9 0H17v-5a1 1 0 0 0-1-1h-3v-2h7a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5v2H8a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h3v2H6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-7v-2h3a1 1 0 0 0 1-1v-5h3.051a11.99 11.99 0 0 0 23.9 0H46v5a1 1 0 0 0 1 1h3v2h-6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-6v-2h3a1 1 0 0 0 1-1V28a1 1 0 0 0-1-1h-3v-2h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zM7 21h12v2H7zm12 30H7v-6h12zm-4-12H9V29h6zm11.3 3.2a5.971 5.971 0 0 1 11.406 0 9.948 9.948 0 0 1-11.406 0zM28 32a4 4 0 1 1 4 4 4 4 0 0 1-4-4zm11.321 8.789a8.042 8.042 0 0 0-3.785-3.953 6 6 0 1 0-7.073 0 8.037 8.037 0 0 0-3.784 3.953 10 10 0 1 1 14.642 0zM57 51H45v-6h12zm-3-12h-6V29h6zm3-16H45v-2h12z"
/>
<path d="M9 47h4v2H9zM15 47h2v2h-2zM47 47h4v2h-4zM53 47h2v2h-2z" />
</svg>
More icons in the same style and category