Add icons to this collection by clicking the heart icon.
Workflow icon - also known as diagram, marketing, process, workflow, flowchart, business and finance, project management, and project plan. Created in a clean gradient style with a white, red, navy, 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"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5ab267" />
<stop offset="1" stop-color="#3c964a" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f3f5f9" />
<stop offset="1" stop-color="#e1e6f0" />
</linearGradient>
<linearGradient
id="d"
x1="246.039"
x2="265.961"
y1="316.43"
y2="316.43"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="246.039"
x2="265.961"
y1="196.234"
y2="196.234"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="146.43"
x2="365.57"
y1="135.805"
y2="135.805"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdf40" />
<stop offset="1" stop-color="#ffbe40" />
</linearGradient>
<linearGradient
id="g"
x1="186.273"
x2="285.883"
y1="135.805"
y2="135.805"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3d4566" />
<stop offset="1" stop-color="#2e2e4d" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#6cf" />
<stop offset="1" stop-color="#59abff" />
</linearGradient>
<linearGradient
id="h"
x1="202.071"
x2="309.929"
y1="256.332"
y2="256.332"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="206.195"
x2="305.805"
y1="376.195"
y2="376.195"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<path fill="url(#d)" d="M246.039 296.508h19.922v39.844h-19.922z" />
<path fill="url(#e)" d="M246.039 175.648h19.922v41.172h-19.922z" />
<path
fill="#e1e6f0"
d="M386.156 296.508h-19.922v-29.883h-70.39v-19.922h90.312z"
/>
<path
fill="#f3f5f9"
d="M145.766 296.508h-19.922v-49.805h90.312v19.922h-70.39zM216.156 386.156h-90.312v-49.804h19.922v29.882h70.39z"
/>
<path fill="url(#f)" d="M365.57 185.609H146.43V86h219.14z" />
<path fill="url(#g)" d="M186.273 125.844h99.609v19.922h-99.609z" />
<path fill="#2e2e4d" d="M305.805 125.844h19.922v19.922h-19.922z" />
<path fill="#f36a3d" d="M185.609 346.312H86v-59.766h99.609z" />
<path fill="#ec4c36" d="M426 346.312h-99.609v-59.766H426z" />
<path
fill="url(#h)"
d="m256 310.593-53.929-53.929L256 202.071l53.929 54.593z"
/>
<path
fill="url(#i)"
d="M256 426c-27.47 0-49.805-22.344-49.805-49.805S228.529 326.39 256 326.39s49.805 22.344 49.805 49.805S283.47 426 256 426z"
/>
</svg>
More icons in the same style and category