Add icons to this collection by clicking the heart icon.
Flowchart icon - also known as interface, file, document, chart, charts, flowchart, flowcharts, and business and finance. Created in a clean lineal color style with a white, silver, gray, 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="100"
height="100"
viewBox="0 0 320 320"
>
<path
d="M20 300h252c15.465 0 28-12.535 28-28V88H20v212zm264-20c0 2.211-1.789 4-4 4h-32c-2.211 0-4-1.789-4-4s1.789-4 4-4h32c2.211 0 4 1.789 4 4zM52 116h80a8 8 0 0 1 8 8v4h16c2.209 0 4 1.789 4 4v44h68a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8h-68v40h20v-4a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8h-80a8 8 0 0 1-8-8v-4h-24c-2.209 0-4-1.789-4-4v-44h-44a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h44v-40h-12v4a8 8 0 0 1-8 8H52a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8z"
fill="#d7f2fd"
/>
<path
d="M312 180V88h-12v184c0 15.465-12.535 28-28 28H20v2.758C26.377 308.485 34.775 312 44 312h232c19.852 0 36-16.148 36-36v-56c0-2.211 1.789-4 4-4v-8c-2.211 0-4-1.789-4-4v-8c0-2.211 1.789-4 4-4v-8c-2.211 0-4-1.789-4-4z"
fill="#8ec8de"
/>
<path d="M8 88v188c0 10.625 4.654 20.16 12 26.758V88H8z" fill="#fff" />
<path
d="M43.998 20C30.744 20 20 30.746 20 44v36h280V20H43.998zM76 40H46c-3.309 0-6 2.691-6 6v14c0 2.211-1.791 4-4 4s-4-1.789-4-4V46c0-7.719 6.281-14 14-14h30c2.209 0 4 1.789 4 4s-1.791 4-4 4zm44 20c-4.418 0-8-2.688-8-6s3.582-6 8-6 8 2.688 8 6-3.582 6-8 6zm8-24a8 8 0 1 1 16 0 8 8 0 0 1-16 0zm32 36c-11.027 0-20-8.973-20-20 0-2.211 1.791-4 4-4s4 1.789 4 4c0 6.617 5.383 12 12 12s12-5.383 12-12c0-2.211 1.789-4 4-4s4 1.789 4 4c0 11.027-8.973 20-20 20zm24-28a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm16 16c-4.418 0-8-2.688-8-6s3.582-6 8-6 8 2.688 8 6-3.582 6-8 6z"
fill="#77d1c5"
/>
<path
d="M300 80h12V44c0-9.227-3.516-17.625-9.242-24H300v60z"
fill="#53ada1"
/>
<path
d="M84 8H44C24.15 8 8 24.148 8 44v36h12V44c0-13.254 10.744-24 23.998-24h258.76C296.16 12.656 286.625 8 276 8H100c-2.209 0-4-1.789-4-4h-8c0 2.211-1.791 4-4 4z"
fill="#a7f2e8"
/>
<path
d="M244 280c0 2.211 1.789 4 4 4h32c2.211 0 4-1.789 4-4s-1.789-4-4-4h-32c-2.211 0-4 1.789-4 4z"
fill="#fff"
/>
<path
d="M312 220v56c0 19.852-16.148 36-36 36H44c-9.225 0-17.623-3.516-24-9.242C12.654 296.16 8 286.625 8 276V88h304v92c0 2.211 1.789 4 4 4s4-1.789 4-4V44c0-24.262-19.738-44-44-44H100c-2.209 0-4 1.789-4 4s1.791 4 4 4h176c10.625 0 20.16 4.656 26.758 12C308.485 26.375 312 34.773 312 44v36H8V44C8 24.148 24.15 8 44 8h40c2.209 0 4-1.789 4-4s-1.791-4-4-4H44C19.738 0 0 19.738 0 44v232c0 24.262 19.738 44 44 44h232c24.262 0 44-19.738 44-44v-56c0-2.211-1.789-4-4-4s-4 1.789-4 4z"
/>
<path
d="M312 196v8c0 2.211 1.789 4 4 4s4-1.789 4-4v-8c0-2.211-1.789-4-4-4s-4 1.789-4 4zM176 48c-2.211 0-4 1.789-4 4 0 6.617-5.383 12-12 12s-12-5.383-12-12c0-2.211-1.791-4-4-4s-4 1.789-4 4c0 11.027 8.973 20 20 20s20-8.973 20-20c0-2.211-1.789-4-4-4z"
/>
<circle cx="136" cy="36" r="8" />
<circle cx="184" cy="36" r="8" />
<ellipse cx="120" cy="54" rx="8" ry="6" fill="#ef9bac" />
<ellipse cx="200" cy="54" rx="8" ry="6" fill="#ef9bac" />
<path
d="M152 136v40h8v-44c0-2.211-1.791-4-4-4h-16v8h12zM152 252c0 2.211 1.791 4 4 4h24v-8h-20v-40h-8v44z"
/>
<path
d="M108 176a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h120a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8H108z"
fill="#43b2de"
/>
<path
d="M180 260a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v16z"
fill="#eb6755"
/>
<path
d="M52 148h80a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8H52a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8z"
fill="#ffae21"
/>
<path
d="M76 32H46c-7.719 0-14 6.281-14 14v14c0 2.211 1.791 4 4 4s4-1.789 4-4V46c0-3.309 2.691-6 6-6h30c2.209 0 4-1.789 4-4s-1.791-4-4-4z"
fill="#97fff0"
/>
</svg>
More icons in the same style and category