Add icons to this collection by clicking the heart icon.
Flowchart icon - also known as interface, graphics editor, graphic design, graphic tool, vector, ui, art and design, flowchart, edit tools, and business and finance. Created in a clean lineal color style with a white, silver, black, red, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M502.14 38.106H9.079v365.819H502.14Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fd6149"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M56.795 38.106H9.079v365.819h47.716z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#df412d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M502.14 403.925H9.079v63.621H502.14Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M56.795 403.925H9.079v63.621h47.716z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-79.526h-111.337V0h55.668z"
transform="matrix(1.33333 0 0 -1.33333 616.503 472.807)"
fill="#69f0f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-79.526h-111.337V0h55.668z"
transform="matrix(1.33333 0 0 -1.33333 213.572 472.807)"
fill="#69f0f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-79.526h-111.336V0h55.668z"
transform="matrix(1.33333 0 0 -1.33333 415.036 472.807)"
fill="#69f0f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-79.526h-111.336V0Z"
transform="matrix(1.33333 0 0 -1.33333 415.036 197.117)"
fill="#69f0f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v182.909h278.341"
transform="translate(9.08 284.637)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h190.862V-429.439h-493.06v222.672"
transform="translate(311.277 467.546)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h15.905"
transform="matrix(1.33333 0 0 -1.33333 43.915 101.686)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.905"
transform="matrix(1.33333 0 0 -1.33333 86.33 101.686)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h254.483"
transform="matrix(1.33333 0 0 -1.33333 139.346 101.686)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h493.061"
transform="translate(9.08 403.925)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h15.904"
transform="matrix(1.33333 0 0 -1.33333 616.503 101.686)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.905"
transform="matrix(1.33333 0 0 -1.33333 574.089 101.686)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.905"
transform="matrix(1.33333 0 0 -1.33333 531.675 101.686)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-111.336v79.526H0Z"
transform="matrix(1.33333 0 0 -1.33333 415.036 303.151)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-47.715v79.526H63.621V0H23.858"
transform="matrix(1.33333 0 0 -1.33333 330.208 578.841)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-111.337v79.526H0Z"
transform="matrix(1.33333 0 0 -1.33333 616.503 578.841)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-111.337v79.526H0Z"
transform="matrix(1.33333 0 0 -1.33333 213.572 578.841)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v55.668h302.198V0"
transform="matrix(1.33333 0 0 -1.33333 139.346 472.807)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0V-127.242"
transform="matrix(1.33333 0 0 -1.33333 340.813 303.151)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.715"
transform="matrix(1.33333 0 0 -1.33333 309.003 250.134)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.715"
transform="matrix(1.33333 0 0 -1.33333 309.003 525.824)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.716"
transform="matrix(1.33333 0 0 -1.33333 510.467 525.824)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.716"
transform="matrix(1.33333 0 0 -1.33333 107.536 525.824)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-31.811v-111.336"
transform="matrix(1.33333 0 0 -1.33333 96.934 186.514)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.905"
transform="matrix(1.33333 0 0 -1.33333 54.52 356.169)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.905"
transform="matrix(1.33333 0 0 -1.33333 54.52 398.582)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.811v-39.763"
transform="matrix(1.33333 0 0 -1.33333 584.691 186.514)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</svg>
More icons in the same style and category