Add icons to this collection by clicking the heart icon.
Flow Chart icon - also known as network, presentation, process, plan, flow chart, and seo and web. Created in a clean lineal color style with a white, silver, gray, 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 64 64"
>
<g>
<path fill="#ffc247" d="M19 1v12H8z" />
<path
fill="#adb2c7"
d="M56 3v58a2.006 2.006 0 0 1-2 2H10a2.006 2.006 0 0 1-2-2V13h11V1h35a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#ffa426"
d="M8 13h11v-2.187c-3.122-.363-4.6-1.159-7.561-1.564z"
/>
<path
fill="#bec3d2"
d="M25.394 46c7.6 0 7.6 2 15.2 2s7.6-2 15.2-2h.2V3a2.006 2.006 0 0 0-2-2H19v12H8v34.93c.663.041 1.374.07 2.2.07 7.594 0 7.594-2 15.194-2z"
/>
<path
fill="#f6fafd"
d="M26.394 10c7.6 0 7.6 2 15.2 2 7.318 0 7.611-1.849 14.405-1.987V3a2.006 2.006 0 0 0-2-2H19v9.946A25.445 25.445 0 0 1 26.394 10z"
/>
<g fill="#7e8596">
<rect width="11" height="11" x="13" y="22" rx=".561" />
<rect width="11" height="11" x="43" y="22" rx=".561" />
<path
d="M44.14 45.5a1 1 0 0 1-.87 1.5H35c-.77 0-3.38-3.33-3-4l4.13-8.47a1 1 0 0 1 1.74 0z"
/>
<path d="M32 19h3v32h-3z" />
<circle cx="34" cy="18" r="5" />
<rect width="22" height="6" x="24" y="54" rx=".927" />
</g>
<path fill="#adb2c7" d="M21 22v8h-8z" />
<path fill="#fff" d="m21 22-8 8v-8z" />
<path fill="#adb2c7" d="M51 22v8h-8z" />
<path fill="#fff" d="m51 22-8 8v-8z" />
<path fill="#73c6b2" d="M21 51h22v6H21z" />
<path
fill="#8dd5f6"
d="M39.14 42.5a1 1 0 0 1-.87 1.5H25.73a1 1 0 0 1-.87-1.5l6.27-10.97a1 1 0 0 1 1.74 0z"
/>
<circle cx="32" cy="16" r="5" fill="#ff636e" />
<path
fill="#aedff7"
d="m31.13 31.53-2.63 4.6a25.259 25.259 0 0 0 7.1.87c.141 0 .262-.005.4-.006l-3.13-5.464a1 1 0 0 0-1.74 0z"
/>
<path
fill="#fff"
d="M37.711 40H26.289l-1.429 2.5a1 1 0 0 0 .87 1.5h12.54a1 1 0 0 0 .87-1.5z"
/>
<path fill="#f6fafd" d="M21 51h6v6h-6z" />
<path
d="M54 0H19a1 1 0 0 0-.737.324l-11 12A1 1 0 0 0 7 13v48a3 3 0 0 0 3 3h44a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zM18 3.57V12h-7.727zM55 61a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V14h10a1 1 0 0 0 1-1V2h34a1 1 0 0 1 1 1z"
/>
<path
d="M13 31h8a1 1 0 0 0 1-1v-3h6v-2h-6v-3a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm2.414-2L20 24.414V29zm3.172-6L14 27.586V23zM51 21h-8a1 1 0 0 0-1 1v3h-6v2h6v3a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm-2.414 2L44 27.586V23zm-3.172 6L50 24.414V29z"
/>
<path
d="M43 50H33v-5h5.27a2 2 0 0 0 1.738-3l-6.265-10.958A1.987 1.987 0 0 0 33 30.29v-8.38a6 6 0 1 0-2 0v8.379a1.963 1.963 0 0 0-.738.745L23.99 42.007A2 2 0 0 0 25.73 45H31v5H21a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zM28 16a4 4 0 1 1 4 4 4 4 0 0 1-4-4zm4 16.026L35.989 39h-7.975zM25.729 43l1.141-2h10.262l1.143 2zM42 56H22v-4h20zM51 9a.812.812 0 0 1-.71-.291c-.61-.742-.472-2.688-.31-3.514A1 1 0 0 0 49 4h-2v2h.865a5.865 5.865 0 0 0 .877 3.977 2.715 2.715 0 0 0 1.258.868v.31a2.715 2.715 0 0 0-1.258.868A5.865 5.865 0 0 0 47.865 16H47v2h2a1 1 0 0 0 .98-1.2c-.162-.826-.3-2.772.31-3.514A.812.812 0 0 1 51 13a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zM14.228 44.366a1 1 0 0 0-.208.829c.162.826.3 2.772-.31 3.514A.812.812 0 0 1 13 49a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 .812.812 0 0 1 .71.291c.61.742.472 2.688.31 3.514A1 1 0 0 0 15 58h2v-2h-.865a5.865 5.865 0 0 0-.877-3.977A2.715 2.715 0 0 0 14 51.155v-.31a2.715 2.715 0 0 0 1.258-.868A5.865 5.865 0 0 0 16.135 46H17v-2h-2a1 1 0 0 0-.772.366z"
/>
<circle cx="32" cy="16" r="2" fill="#f6fafd" />
</g>
</svg>
More icons in the same style and category