Add icons to this collection by clicking the heart icon.
Flowchart icon - also known as interface, file, document, chart, files, charts, flowchart, flowcharts, and files and folders. Created in a clean flat gradient style with a white 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="397pt"
height="397pt"
viewBox="-4 0 397 397.542"
>
<linearGradient id="a">
<stop offset="0" stop-color="#7b78ab" />
<stop offset=".205" stop-color="#666086" />
<stop offset=".419" stop-color="#554c67" />
<stop offset=".627" stop-color="#493e50" />
<stop offset=".824" stop-color="#423543" />
<stop offset="1" stop-color="#3f323e" />
</linearGradient>
<linearGradient
id="d"
x1="36.826"
x2="388.518"
y1="265.105"
y2="265.105"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="352.688"
x2=".272"
y1="225.55"
y2="225.55"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9de7db" />
<stop offset="1" stop-color="#33f2b2" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff9dea" />
<stop offset="1" stop-color="#e46f8b" />
</linearGradient>
<linearGradient
id="f"
x1="222.819"
x2="301.995"
y1="197.379"
y2="197.379"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fda1e8" />
<stop offset="1" stop-color="#fde1ff" />
</linearGradient>
<linearGradient
id="g"
x1="211.907"
x2="133.852"
y1="25.676"
y2="25.676"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="123.648"
x2="222.112"
y1="205.695"
y2="205.695"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#784fab" />
<stop offset="1" stop-color="#5b3282" />
</linearGradient>
<linearGradient
id="i"
x1="129.302"
x2="221.258"
y1="115.603"
y2="115.603"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="112.324"
x2="47.419"
y1="114.943"
y2="114.943"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="133.852"
x2="211.907"
y1="280.076"
y2="280.076"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="106.376"
x2="36.276"
y1="180.512"
y2="180.512"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="106.376"
x2="36.276"
y1="186.915"
y2="186.915"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="106.38"
x2="36.276"
y1="194.462"
y2="194.462"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="106.374"
x2="36.276"
y1="202.012"
y2="202.012"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="235.442"
x2="305.541"
y1="282.399"
y2="282.399"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="235.442"
x2="305.541"
y1="288.802"
y2="288.802"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="235.442"
x2="305.545"
y1="296.349"
y2="296.349"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="235.442"
x2="305.539"
y1="303.899"
y2="303.899"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="32.837"
x2="32.837"
y1="329.591"
y2="34.25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006e76" />
<stop offset="1" stop-color="#009b76" />
</linearGradient>
<path fill="url(#d)" d="M36.824 132.668H388.52v264.875H36.824zm0 0" />
<path
fill="url(#e)"
d="M30.781 358.77h-.031 321.938V92.328H.27V330.16c1.007 15.895 14.375 28.61 30.511 28.61zm0 0"
/>
<g fill="#fff">
<path
d="M29.992 336.57H16.2l-.054-13.793 3.597-.015.043 10.207h10.207zM290.625 336.57h-26.063v-3.597h26.063zm-52.125 0h-26.063v-3.601H238.5zm-52.129 0H160.31v-3.601h26.062zm-52.125 0h-26.062v-3.601h26.062zm-52.125 0H56.06v-3.601H82.12zM330.488 336.57h-13.8v-3.597h10.199V322.77h3.601zM330.488 301.168h-3.601v-21.605h3.601zm0-43.211h-3.601v-21.605h3.601zm0-43.21h-3.601v-21.602h3.601zm0-43.208h-3.601v-21.605h3.601zM330.488 128.328h-3.601v-10.2h-10.2v-3.6h13.801zM294.563 118.129h-22.125v-3.602h22.125zm-44.247 0h-22.125v-3.602h22.125zm-44.25 0h-22.125v-3.602h22.125zm-44.25 0h-22.125v-3.602h22.125zm-44.246 0H95.445v-3.602h22.125zm-44.25 0H51.195v-3.602H73.32zM15.324 128.336l-.058-13.809H29.07v3.602H18.88l.043 10.191zM16.05 301.172l-.09-21.606 3.602-.011.09 21.601zm-.183-43.207-.09-21.606 3.602-.015.09 21.605zm-.18-43.211-.09-21.606 3.598-.011.09 21.601zm-.183-43.207-.09-21.606 3.598-.015.093 21.605zM175.285 285.965l-4.8-.059 3.093-253.484 4.8.058zm0 0"
/>
<path
d="M82.113 113.59h81.617v4.8H82.113zM194.816 203.648h81.618v4.801h-81.618zm0 0"
/>
</g>
<path fill="url(#f)" d="m222.82 231.664 39.586-68.57 39.59 68.57zm0 0" />
<path fill="url(#g)" d="M133.852 0h78.054v51.352h-78.054zm0 0" />
<path
fill="url(#h)"
d="M201.703 231.371h-78.055l20.41-51.351h78.055zm0 0"
/>
<path
fill="url(#i)"
d="m175.281 75.902 45.977 39.7L175.28 155.3l-45.98-39.7zm0 0"
/>
<path
fill="url(#j)"
d="M112.324 114.945c0 17.922-14.531 32.45-32.453 32.45s-32.453-14.528-32.453-32.45c0-17.925 14.531-32.453 32.453-32.453s32.453 14.528 32.453 32.453zm0 0"
/>
<path fill="url(#k)" d="M133.852 254.398h78.054v51.356h-78.054zm0 0" />
<path fill="url(#l)" d="M36.277 179.375h70.098v2.273H36.277zm0 0" />
<path
fill="url(#m)"
d="m106.375 188.055-70.098-.004v-2.278l70.098.008zm0 0"
/>
<path fill="url(#n)" d="M36.277 193.324h70.102v2.274H36.277zm0 0" />
<path fill="url(#o)" d="M36.277 200.875h70.098v2.273H36.277zm0 0" />
<path fill="url(#p)" d="M235.441 281.262h70.102v2.273h-70.102zm0 0" />
<path
fill="url(#q)"
d="m305.54 289.941-70.099-.004v-2.277l70.098.008zm0 0"
/>
<path fill="url(#r)" d="M235.441 295.21h70.106v2.274H235.44zm0 0" />
<path fill="url(#s)" d="M235.441 302.762h70.098v2.273h-70.098zm0 0" />
<path
fill="url(#t)"
d="M30.738 300.844h34.664V34.25H30.7C13.895 34.25.273 47.871.273 64.68v264.91c.926-15.969 14.274-28.746 30.465-28.746zm0 0"
/>
</svg>
More icons in the same style and category