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 flat gradient style with a silver 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="b"
x1="29"
x2="29"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<linearGradient
id="a"
x1="15"
x2="15"
y1="49"
y2="43"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe9661" />
<stop offset="1" stop-color="#ffb369" />
</linearGradient>
<linearGradient id="c" x1="39" x2="39" href="#a" />
<linearGradient id="d" x1="27" x2="27" href="#a" />
<linearGradient
id="e"
x1="20"
x2="34"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient id="f" x1="23" x2="31" y1="19" y2="19" href="#b" />
<linearGradient id="g" x1="23" x2="31" y1="23" y2="23" href="#b" />
<linearGradient id="h" x1="23" x2="31" y1="27" y2="27" href="#b" />
<path
fill="url(#b)"
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="#b4cde1"
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="url(#a)" rx="2" />
<path
fill="#b4cde1"
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="url(#c)" rx="2" />
<rect width="8" height="6" x="23" y="43" fill="url(#d)" rx="2" />
<path
fill="url(#e)"
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="url(#f)" d="M30 20h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M30 24h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M30 28h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path
fill="#b4cde1"
d="M50.9 4.14a5.85 5.85 0 0 0-2.16 1.13 5.05 5.05 0 0 0-1.74 4V14h8.72A1.42 1.42 0 0 0 57 12.47V10c0-3.74-2.86-6.69-6.1-5.86z"
/>
</svg>
More icons in the same style and category