Add icons to this collection by clicking the heart icon.
Workflow icon - also known as web programming, sitemap, concept, workflow, blueprint, and files and folders. Created in a clean outline color style with a white, silver, blue, and navy 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"
>
<linearGradient
id="a"
x1="27"
x2="27"
y1="44"
y2="36"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient id="b" y2="30" href="#a" />
<path
fill="#ccd3eb"
d="m51 4-.1.14a5.85 5.85 0 0 0-2.16 1.13 5.05 5.05 0 0 0-1.74 4V58a2 2 0 0 1-1.89 2H8.91A2 2 0 0 1 7 58V10a6 6 0 0 1 6-6z"
/>
<path
fill="#f5f7ff"
d="M44 4H13a6 6 0 0 0-6 6v47h31a6 6 0 0 0 6-6V9a5 5 0 0 1 5-5z"
/>
<path
fill="url(#a)"
d="M39 44a1 1 0 0 1-1-1v-4a1 1 0 0 0-1-1H17a1 1 0 0 0-1 1v4a1 1 0 0 1-2 0v-4a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v4a1 1 0 0 1-1 1z"
/>
<rect width="8" height="6" x="11" y="43" fill="#96a1c3" rx="2" />
<path
fill="url(#b)"
d="M27 44a1 1 0 0 1-1-1V31a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1z"
/>
<rect width="8" height="6" x="35" y="43" fill="#96a1c3" rx="2" />
<rect width="8" height="6" x="23" y="43" fill="#96a1c3" rx="2" />
<g fill="#ccd3eb">
<path
d="M17 43v2a2 2 0 0 1-2 2h-4v-2a2 2 0 0 1 2-2zM41 43v2a2 2 0 0 1-2 2h-4v-2a2 2 0 0 1 2-2zM29 43v2a2 2 0 0 1-2 2h-4v-2a2 2 0 0 1 2-2z"
/>
</g>
<path
fill="#0074ff"
d="M34 16.88v12.24A1.83 1.83 0 0 1 32.22 31H21.78A1.83 1.83 0 0 1 20 29.12V16.88A1.83 1.83 0 0 1 21.78 15h10.44A1.83 1.83 0 0 1 34 16.88z"
/>
<path
fill="#d7e9f7"
d="M30 20h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM30 24h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM30 28h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
<path
fill="#96a1c3"
d="M57 10v2.47A1.42 1.42 0 0 1 55.72 14H47V9.22a5.05 5.05 0 0 1 1.74-4 5.81 5.81 0 0 1 1.75-1l.41-.13C54.14 3.31 57 6.26 57 10z"
/>
<path
fill="#033c59"
d="M47 22a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1z"
/>
<path
fill="#033c59"
d="M54.28 3.52a5.21 5.21 0 0 0-3-.46A.88.88 0 0 0 51 3H13a7 7 0 0 0-7 7v48a3 3 0 0 0 2.89 3h36.2A3 3 0 0 0 48 58V28a1 1 0 1 0-2 0v30a1 1 0 0 1-.89 1H8.91A1 1 0 0 1 8 58V10a5 5 0 0 1 5-5h34.57A6.24 6.24 0 0 0 46 9.22V19a1 1 0 0 0 2 0v-4h7.74A2.42 2.42 0 0 0 58 12.47V10a7.08 7.08 0 0 0-3.72-6.48zm1.72 9c0 .33-.19.53-.28.53H48V9.22a4.11 4.11 0 0 1 1.36-3.17 3.71 3.71 0 0 1 4.06-.72A5.15 5.15 0 0 1 56 10z"
/>
<path
fill="#033c59"
d="M37 42a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-1v-3a3 3 0 0 0-3-3h-9v-4h4.22A2.84 2.84 0 0 0 35 29.12V16.88A2.84 2.84 0 0 0 32.22 14H21.78A2.84 2.84 0 0 0 19 16.88v12.24A2.84 2.84 0 0 0 21.78 32H26v4h-9a3 3 0 0 0-3 3v3h-1a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-1v-3a1 1 0 0 1 1-1h9v4h-1a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-1v-4h9a1 1 0 0 1 1 1v3zM21 29.12V16.88a.84.84 0 0 1 .78-.88h10.44a.84.84 0 0 1 .78.88v12.24a.84.84 0 0 1-.78.88H21.78a.84.84 0 0 1-.78-.88zM18 45v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm12 0v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm12 0v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
/>
<g fill="#f5f7ff">
<path
d="M24 20h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2zM24 24h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2zM31 27a1 1 0 0 0-1-1h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 1-1z"
/>
</g>
</svg>
More icons in the same style and category