Add icons to this collection by clicking the heart icon.
Flowchart icon - also known as screen, mobile phone, touch screen, networking, browser, ui, coding, app, and flowchart. Created in a clean lineal color style with a white, black, red, teal, 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>
</defs>
<path
d="M352.431 408.052H161.57v95.431h190.861z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#31e8bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M193.379 408.052h-31.81v95.431h31.81z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1cb28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M495.577 209.237H304.716v95.431h190.861z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fd6149"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M336.525 209.237h-31.81v95.431h31.81z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#df412d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M352.431 10.422H161.57v95.431h190.861z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#31e8bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M193.379 10.422h-31.81v95.431h31.81z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1cb28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M209.284 209.237H18.423v95.431h190.861z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fd6149"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M50.232 209.237h-31.81v95.431h31.81z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#df412d"
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 0c8.748 0 15.905-7.157 15.905-15.905S8.748-31.811 0-31.811c-8.747 0-15.905 7.158-15.905 15.906C-15.905-7.157-8.747 0 0 0"
transform="translate(209.284 471.672)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.748 0 15.905-7.157 15.905-15.905S8.748-31.81 0-31.81c-8.747 0-15.905 7.157-15.905 15.905S-8.747 0 0 0"
transform="translate(209.284 74.043)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.748 0 15.905-7.158 15.905-15.905 0-8.748-7.157-15.906-15.905-15.906-8.747 0-15.905 7.158-15.905 15.906C-15.905-7.158-8.747 0 0 0"
transform="translate(352.43 272.858)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.748 0 15.905-7.158 15.905-15.905 0-8.748-7.157-15.906-15.905-15.906-8.747 0-15.905 7.158-15.905 15.906C-15.905-7.158-8.747 0 0 0"
transform="translate(66.138 272.858)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h87.479V-95.431h-190.862V0h79.526"
transform="translate(264.952 503.483)"
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 0h119.288v-95.431H-71.573V0h47.715"
transform="translate(233.143 105.853)"
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-31.81V95.431h190.862V0H23.858"
transform="translate(336.525 209.237)"
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-119.288v95.431H71.573V0H23.858"
transform="translate(137.71 209.237)"
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-302.198"
transform="translate(257 408.052)"
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.716v-151.099"
transform="translate(352.43 455.767)"
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-63.621v151.099"
transform="translate(161.57 58.138)"
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 0h95.432"
transform="translate(209.284 256.953)"
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 0c0-8.748-7.157-15.905-15.905-15.905-8.747 0-15.906 7.157-15.906 15.905s7.159 15.905 15.906 15.905C-7.157 15.905 0 8.748 0 0Z"
transform="translate(82.043 256.953)"
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 0h79.525"
transform="translate(105.901 272.858)"
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.904"
transform="translate(105.901 241.047)"
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="translate(137.71 241.047)"
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="translate(169.522 241.047)"
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 0c0-8.748-7.157-15.905-15.905-15.905-8.747 0-15.906 7.157-15.906 15.905s7.159 15.905 15.906 15.905C-7.157 15.905 0 8.748 0 0Z"
transform="translate(368.336 256.953)"
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 0h79.525"
transform="translate(392.194 272.858)"
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.904"
transform="translate(392.194 241.047)"
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="translate(424.004 241.047)"
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="translate(455.815 241.047)"
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 0c0-8.748-7.157-15.905-15.905-15.905-8.747 0-15.906 7.157-15.906 15.905s7.159 15.905 15.906 15.905C-7.157 15.905 0 8.748 0 0Z"
transform="translate(225.19 455.767)"
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 0h79.525"
transform="translate(249.048 471.672)"
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.904"
transform="translate(249.048 439.862)"
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="translate(280.857 439.862)"
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="translate(312.668 439.862)"
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 0c0-8.748-7.157-15.905-15.905-15.905-8.747 0-15.906 7.157-15.906 15.905s7.159 15.905 15.906 15.905C-7.157 15.905 0 8.748 0 0Z"
transform="translate(225.19 58.138)"
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 0h79.525"
transform="translate(249.048 74.043)"
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.904"
transform="translate(249.048 42.233)"
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="translate(280.857 42.233)"
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="translate(312.668 42.233)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category