Flow Chart Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Flow Chart icon is commonly used in analytics dashboards, reports and data visualization. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/320048.svg" alt="Flow Chart icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320048.svg" alt="Flow Chart icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320048.svg" alt="Flow Chart icon" :width="24" :height="24" />
CSS background
.icon-flow-chart {
background-image: url('https://proicons.com/icon/320048.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="flow--chart_1_" d="M29,31.36c-1.302,0-2.36-1.059-2.36-2.36c0-1.179,0.869-2.159,2-2.333V23.36h-7.28v3.307 c1.131,0.174,2,1.154,2,2.333c0,1.302-1.059,2.36-2.36,2.36s-2.36-1.059-2.36-2.36c0-1.179,0.869-2.159,2-2.333V23 c0-0.199,0.161-0.36,0.36-0.36h3.633v-4.28H19c-0.199,0-0.36-0.161-0.36-0.36v-4c0-0.199,0.161-0.36,0.36-0.36h5.64V9.36H7.36v4.28 H13c0.199,0,0.36,0.161,0.36,0.36v4c0,0.199-0.161,0.36-0.36,0.36H7.36v4.279H11c0.199,0,0.36,0.161,0.36,0.36v3.667 c1.131,0.174,2,1.154,2,2.333c0,1.302-1.059,2.36-2.36,2.36S8.64,30.302,8.64,29c0-1.179,0.869-2.159,2-2.333V23.36H3.36v3.307 c1.131,0.174,2,1.154,2,2.333c0,1.302-1.059,2.36-2.36,2.36S0.64,30.302,0.64,29c0-1.179,0.869-2.159,2-2.333V23 c0-0.199,0.161-0.36,0.36-0.36h3.64v-4.28H1c-0.199,0-0.36-0.161-0.36-0.36v-4c0-0.199,0.161-0.36,0.36-0.36h5.64V9 c0-0.199,0.161-0.36,0.36-0.36h8.64V5.36H1C0.801,5.36,0.64,5.199,0.64,5V1c0-0.199,0.161-0.36,0.36-0.36h30 c0.199,0,0.36,0.161,0.36,0.36v4c0,0.199-0.161,0.36-0.36,0.36H16.36v3.28H25c0.199,0,0.36,0.161,0.36,0.36v4.64H31 c0.199,0,0.36,0.161,0.36,0.36v4c0,0.199-0.161,0.36-0.36,0.36h-5.646v4.279H29c0.199,0,0.36,0.161,0.36,0.36v3.667 c1.131,0.174,2,1.154,2,2.333C31.36,30.302,30.302,31.36,29,31.36z M29,27.36c-0.904,0-1.64,0.735-1.64,1.64s0.735,1.64,1.64,1.64 s1.64-0.735,1.64-1.64S29.904,27.36,29,27.36z M21,27.36c-0.904,0-1.64,0.735-1.64,1.64s0.735,1.64,1.64,1.64s1.64-0.735,1.64-1.64 S21.904,27.36,21,27.36z M11,27.36c-0.904,0-1.64,0.735-1.64,1.64s0.736,1.64,1.64,1.64s1.64-0.735,1.64-1.64S11.904,27.36,11,27.36 z M3,27.36c-0.904,0-1.64,0.735-1.64,1.64S2.096,30.64,3,30.64S4.64,29.904,4.64,29S3.904,27.36,3,27.36z M25.02,17.64h5.62v-3.28 H19.36v3.28h5.606C24.984,17.64,25.002,17.64,25.02,17.64z M7.027,17.64h5.613v-3.28H1.36v3.28h5.613 C6.991,17.64,7.009,17.64,7.027,17.64z M1.36,4.64h29.28V1.36H1.36V4.64z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Flow Chart in other icon packs
Copied!