Add icons to this collection by clicking the heart icon.
Flowchart icon - also known as technology, interface, application, website, code, ui, web page, coding, app, flowchart, and seo and web. Created in a clean lineal color style with a white, silver, navy, 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="512"
height="512"
viewBox="0 0 96 96"
>
<g>
<path d="M95 16v71a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V16Z" fill="#fff" />
<path d="M95 9v7H1V9a3 3 0 0 1 3-3h88a3 3 0 0 1 3 3Z" fill="#c3d4ef" />
<path
d="M89 24v58a2.006 2.006 0 0 1-2 2H48V22h39a2.006 2.006 0 0 1 2 2ZM48 22v62H9a2.006 2.006 0 0 1-2-2V24a2.006 2.006 0 0 1 2-2Z"
fill="#ebf4ff"
/>
<rect
width="20"
height="26"
x="21"
y="42"
rx="2"
ry="2"
fill="#c3d4ef"
/>
<rect width="20" height="26" x="19" y="40" rx="2" ry="2" fill="#fff" />
<path
d="M39 42a2.006 2.006 0 0 0-2-2H21a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#fc9a9a"
/>
<rect
width="20"
height="14"
x="57"
y="29"
rx="2"
ry="2"
fill="#c3d4ef"
/>
<rect width="20" height="14" x="55" y="27" rx="2" ry="2" fill="#fff" />
<path
d="M75 29a2.006 2.006 0 0 0-2-2H57a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#96c0ff"
/>
<rect
width="20"
height="14"
x="57"
y="48"
rx="2"
ry="2"
fill="#c3d4ef"
/>
<rect width="20" height="14" x="55" y="46" rx="2" ry="2" fill="#fff" />
<path
d="M75 48a2.006 2.006 0 0 0-2-2H57a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#fc9a9a"
/>
<rect
width="20"
height="14"
x="57"
y="67"
rx="2"
ry="2"
fill="#c3d4ef"
/>
<rect width="20" height="14" x="55" y="65" rx="2" ry="2" fill="#fff" />
<path
d="M75 67a2.006 2.006 0 0 0-2-2H57a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#96c0ff"
/>
<path
d="M95 21a1 1 0 0 0 1-1V9a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v78a4 4 0 0 0 4 4h88a4 4 0 0 0 4-4V25a1 1 0 0 0-2 0v62a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h88a2 2 0 0 1 2 2v11a1 1 0 0 0 1 1Z"
fill="#283d54"
/>
<path
d="M92 16a1 1 0 0 0-1-1H5a1 1 0 0 0 0 2h86a1 1 0 0 0 1-1ZM8 12a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2ZM15 12a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2ZM89 12a1 1 0 0 0 0-2H23a1 1 0 0 0 0 2ZM15 84a1 1 0 0 0 1 1h71a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v58a3 3 0 0 0 3 3h2a1 1 0 0 0 0-2H9a1 1 0 0 1-1-1V24a1 1 0 0 1 1-1h78a1 1 0 0 1 1 1v58a1 1 0 0 1-1 1H16a1 1 0 0 0-1 1Z"
fill="#283d54"
/>
<path
d="M37 39H21a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V54h6v14a3.887 3.887 0 0 0 4 4h4v5a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V67a3 3 0 0 0-3-3H57a3 3 0 0 0-3 3v3h-4a1.882 1.882 0 0 1-2-2V54h6v4a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V48a3 3 0 0 0-3-3H57a3 3 0 0 0-3 3v4h-6V37a1.882 1.882 0 0 1 2-2h4v4a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V29a3 3 0 0 0-3-3H57a3 3 0 0 0-3 3v4h-4a3.887 3.887 0 0 0-4 4v15h-6V42a3 3 0 0 0-3-3Zm19 28a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H57a1 1 0 0 1-1-1Zm0-19a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H57a1 1 0 0 1-1-1Zm0-19a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H57a1 1 0 0 1-1-1ZM38 64a1 1 0 0 1-1 1H21a1 1 0 0 1-1-1V42a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1Z"
fill="#283d54"
/>
</g>
</svg>
More icons in the same style and category