Add icons to this collection by clicking the heart icon.
Flow Chart icon - also known as diagram, order, organized, hierarchical structure, ui, flow chart, playoff, sports and competition, and organization chart. Created in a clean lineal color style with a white, silver, gray, black, and yellow 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-27.895 0-50.508 22.613-50.508 50.508 0 27.895 22.613 50.508 50.508 50.508v264.663h446.492V0Z"
transform="translate(58.008 44.876)"
fill="#e4f6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M413.585 238.827h-80.813V380.25h80.813z"
fill="#efecef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M413.585 344.894h-80.813v35.356h80.813z"
fill="#90d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M281.254 155.994h-60.61v30.305h60.61zM281.254 329.742h-60.61v30.305h60.61z"
fill="#665e66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-337.394c0-5.579-4.523-10.102-10.102-10.102h-417.563c-18.087 0-33.273 14.801-32.964 32.885.299 17.567 14.683 31.765 32.32 31.765h8.081c5.579 0 10.102 4.523 10.102 10.102V0h-18.183v-264.663c-28.182 0-50.973-23.081-50.501-51.371.463-27.694 23.635-49.645 51.332-49.645H18.183V0Z"
transform="translate(486.317 410.555)"
fill="#d3effb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 27.895 22.613 50.508 50.508 50.508V371.74C22.613 371.74 0 349.127 0 321.232Z"
transform="translate(7.5 95.384)"
fill="#efecef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 56.569-56.569L113.138 0 56.569 56.569Z"
transform="translate(104.476 259.03)"
fill="#e27a66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.158-9.045-20.203-20.203-20.203S-40.407-11.158-40.407 0s9.046 20.203 20.204 20.203C-9.045 20.203 0 11.158 0 0"
transform="translate(181.248 132.76)"
fill="#f4dd45"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M413.585 71.14h-80.813v141.423h80.813z"
fill="#efecef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M413.585 171.146h-80.813v41.417h80.813z"
fill="#90d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 27.895 22.613 50.508 50.508 50.508V371.74C22.613 371.74 0 349.127 0 321.232Z"
transform="translate(7.5 95.384)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-366.492C-394.387 0-417 22.613-417 50.508"
transform="translate(424.5 44.876)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h325v-365.679h-45.083"
transform="translate(179.5 410.555)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h86.523"
transform="translate(58.008 410.555)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 56.569-56.569L113.138 0 56.569 56.569Z"
transform="translate(104.476 259.03)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v29.295h59.6"
transform="translate(161.045 315.6)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M281.254 155.994h-60.61v30.305h60.61zM281.254 329.742h-60.61v30.305h60.61z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-49.498"
transform="translate(161.045 202.461)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-11.158-9.045-20.203-20.203-20.203S-40.407-11.158-40.407 0s9.046 20.203 20.204 20.203C-9.045 20.203 0 11.158 0 0Z"
transform="translate(181.248 132.76)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.335v-72.732"
transform="translate(217.614 259.03)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h50.508"
transform="translate(282.264 344.894)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M413.585 238.827h-80.813V380.25h80.813z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-80.813"
transform="translate(413.585 344.894)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-80.813"
transform="translate(413.585 171.146)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M413.585 71.14h-80.813v141.423h80.813z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h51.518"
transform="translate(281.254 171.146)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category