Add icons to this collection by clicking the heart icon.
Flowchart icon - also known as technology, computer, interface, application, website, code, ui, web page, electronics, coding, app, flowchart, and seo and web. Created in a clean blue style with a white, silver, and teal 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 96 96"
>
<g>
<path d="M95 8v57H1V8a4 4 0 0 1 4-4h86a4 4 0 0 1 4 4Z" fill="#58abfb" />
<path
d="m58 80 9 12H29l9-12h20zM95 65v11a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V65Z"
fill="#fff"
/>
<path
d="M58 80H38l-3 4h26l-3-4zM89 16v6a1.948 1.948 0 0 1-1.93 2H71a2.005 2.005 0 0 1-2-2v-6a2.007 2.007 0 0 1 2-2h16a2.006 2.006 0 0 1 2 2Z"
fill="#58abfb"
/>
<rect width="20" height="10" x="67" y="12" rx="2" ry="2" fill="#fff" />
<path
d="M87 14a2.006 2.006 0 0 0-2-2H69a2.006 2.006 0 0 0-2 2v3h20ZM89 33v6a2.007 2.007 0 0 1-2 2H71a2.005 2.005 0 0 1-2-2v-6a2.007 2.007 0 0 1 2-2h16a2.006 2.006 0 0 1 2 2Z"
fill="#58abfb"
/>
<rect width="20" height="10" x="67" y="29" rx="2" ry="2" fill="#fff" />
<path
d="M87 31a2.006 2.006 0 0 0-2-2H69a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#58abfb"
/>
<rect
width="20.053"
height="10.142"
x="39.973"
y="30.929"
rx="2"
ry="2"
transform="rotate(-.494 50.066 36.055)"
fill="#58abfb"
/>
<rect width="20" height="10" x="38" y="29" rx="2" ry="2" fill="#fff" />
<path
d="M58 31a2.006 2.006 0 0 0-2-2H40a2.006 2.006 0 0 0-2 2v3h20ZM89 50v6a2.007 2.007 0 0 1-2 2H71a2.005 2.005 0 0 1-2-2v-6a2.007 2.007 0 0 1 2-2h16a2.006 2.006 0 0 1 2 2Z"
fill="#58abfb"
/>
<rect width="20" height="10" x="67" y="46" rx="2" ry="2" fill="#fff" />
<path
d="M87 48a2.006 2.006 0 0 0-2-2H69a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#58abfb"
/>
<rect
width="20"
height="26"
x="11"
y="24"
rx="2"
ry="2"
fill="#58abfb"
/>
<rect width="20" height="26" x="9" y="22" rx="2" ry="2" fill="#fff" />
<path
d="M29 24a2.006 2.006 0 0 0-2-2H11a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#58abfb"
/>
<path
d="M91 3H5a5.006 5.006 0 0 0-5 5v68a5.006 5.006 0 0 0 5 5 1 1 0 0 0 0-2 3 3 0 0 1-3-3V66h92v10a3 3 0 0 1-3 3H10a1 1 0 0 0 0 2h26l-7.5 10H25a1 1 0 0 0 0 2h46a1 1 0 0 0 0-2h-3.5L60 81h31a5.006 5.006 0 0 0 5-5V8a5.006 5.006 0 0 0-5-5ZM65 91H31l7.5-10h19ZM2 64V8a3 3 0 0 1 3-3h86a3 3 0 0 1 3 3v56Z"
fill="#107be8"
/>
<path
d="M50 73a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2ZM85 11H69a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h7v5h-7a3 3 0 0 0-3 3v3h-7v-3a3 3 0 0 0-3-3H40a3 3 0 0 0-3 3v3h-7V24a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V36h7v1a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-1h7v1a3 3 0 0 0 3 3h7v5h-7a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3h-7v-5h7a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3h-7v-5h7a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3ZM28 46a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V24a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1Zm29-9a1 1 0 0 1-1 1H40a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1Zm29 11v6a1 1 0 0 1-1 1H69a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1Zm0-17v6a1 1 0 0 1-1 1H69a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1Zm0-11a1 1 0 0 1-1 1H69a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1Z"
fill="#107be8"
/>
</g>
</svg>
More icons in the same style and category