Add icons to this collection by clicking the heart icon.
Flow Chart icon - also known as computer, interface, diagram, order, organization, organized, hierarchical structure, browser, ui, flow chart, hierarchy structure, seo and web, business and finance, and organization chart. Created in a clean lineal color style with a silver, gray, red, yellow, teal, 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="640"
height="640"
viewBox="0 0 480 480"
>
<path fill="#5aaae7" d="M8 72h464v240H8zm0 0" />
<path
fill="#3d9ae2"
d="M472 72v240H8c209.953-26.504 369.543-101.734 464-240zm0 0"
/>
<path
fill="#787680"
d="M328 440c8.824.027 15.973 7.176 16 16-.066 8.809-7.191 15.934-16 16H152c-8.824-.027-15.973-7.176-16-16 .066-8.809 7.191-15.934 16-16zm0 0"
/>
<path fill="#898890" d="M304 440H176l8-64h112zm0 0" />
<path
fill="#c6c5ca"
d="M472 312v32c-.05 17.652-14.348 31.95-32 32H40c-17.652-.05-31.95-14.348-32-32v-32zm0 0"
/>
<path
fill="#ff5023"
d="M472 40v32H8V40C8.05 22.348 22.348 8.05 40 8h400c17.672 0 32 14.328 32 32zm0 0"
/>
<path fill="#787680" d="M298 392H182l2-16h112zm0 0" />
<path fill="#00ccb3" d="M280 104v32h-80v-32zm0 0" />
<path
fill="#ff6243"
d="M424 240v32a8 8 0 0 1-8 8h-32a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="#ffd422"
d="M424 144v32a8 8 0 0 1-8 8h-32a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="#ff6243"
d="M104 256v16a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="#ffd422"
d="M104 160v16a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="#ee8700"
d="M271.922 206.8 248 208h-16l-23.922 1.2A6.15 6.15 0 0 1 208 208c.473-17.09 14.293-30.793 31.387-31.113 17.093-.32 31.422 12.851 32.535 29.914zm0 0"
/>
<path
fill="#ee8700"
d="M271.922 206.8c.066.395.09.798.078 1.2-.473 17.09-14.293 30.793-31.387 31.113-17.093.32-31.422-12.851-32.535-29.914L232 208h16zm0 0"
/>
<path
d="M440 0H40C17.918.027.027 17.918 0 40v304c.027 22.082 17.918 39.973 40 40h134.938l-6 48H152c-13.254 0-24 10.746-24 24s10.746 24 24 24h176c13.254 0 24-10.746 24-24s-10.746-24-24-24h-16.938l-6-48H440c22.082-.027 39.973-17.918 40-40V40c-.027-22.082-17.918-39.973-40-40zM40 16h400c13.254 0 24 10.746 24 24v24H16V40c0-13.254 10.746-24 24-24zm424 64v224H16V80zM336 456a8 8 0 0 1-8 8H152a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8zm-41.063-24H185.063l6-48h97.875zM440 368H40c-13.254 0-24-10.746-24-24v-24h448v24c0 13.254-10.746 24-24 24zm0 0"
/>
<path
d="M416 336h16v16h-16zM48 32h16v16H48zM80 32h16v16H80zM112 32h16v16h-16zM232 200h16v16h-16zm0 0"
/>
<path
d="M96 224H64c-8.836 0-16 7.164-16 16v32c0 8.836 7.164 16 16 16h32c8.836 0 16-7.164 16-16v-8h8a8.001 8.001 0 0 0 5.656-2.344L171.312 216h29.489c3.785 18.645 20.176 32.04 39.199 32.04s35.414-13.395 39.2-32.04h29.495l45.657 45.656A8.006 8.006 0 0 0 360 264h8v8c0 8.836 7.164 16 16 16h32c8.836 0 16-7.164 16-16v-32c0-8.836-7.164-16-16-16h-32c-8.836 0-16 7.164-16 16v8h-4.688l-40-40 40-40H368v8c0 8.836 7.164 16 16 16h32c8.836 0 16-7.164 16-16v-32c0-8.836-7.164-16-16-16h-32c-8.836 0-16 7.164-16 16v8h-8a8.001 8.001 0 0 0-5.656 2.344L308.687 200H279.2A40.118 40.118 0 0 0 248 168.8V144h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32v24.8a40.118 40.118 0 0 0-31.2 31.2h-29.488l-45.656-45.656A8.001 8.001 0 0 0 120 152h-8v-8c0-8.836-7.164-16-16-16H64c-8.836 0-16 7.164-16 16v32c0 8.836 7.164 16 16 16h32c8.836 0 16-7.164 16-16v-8h4.688l40 40-40 40H112v-8c0-8.836-7.164-16-16-16zm0 48H64v-32h32zm288-32h32v32h-32zm0-96h32v32h-32zm-176-32h64v16h-64zm32 72c13.254 0 24 10.746 24 24s-10.746 24-24 24-24-10.746-24-24 10.746-24 24-24zm-144-8H64v-32h32zm0 0"
/>
</svg>
More icons in the same style and category