Bar Chart Icon
Free SVG icon from the Govicons collection. Download or copy for use in any project.
The Bar 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/304754.svg" alt="Bar Chart icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304754.svg" alt="Bar Chart icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304754.svg" alt="Bar Chart icon" :width="24" :height="24" />
CSS background
.icon-bar-chart {
background-image: url('https://proicons.com/icon/304754.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 56"><title>bar-chart</title><g id="Layer_5" data-name="Layer 5"><path d="M61,49.12c0,1-.27,1.88-1.57,1.88H13.35A2.36,2.36,0,0,1,11,48.65V5.22c0-1.3.85-1.57,1.88-1.57s1.88.27,1.88,1.57V44.89a2.36,2.36,0,0,0,2.35,2.35H59.43C60.73,47.24,61,48.08,61,49.12Z"/></g><path d="M22.13,44h3.12a1.55,1.55,0,0,0,1.55-1.56V26.8a1.55,1.55,0,0,0-1.55-1.56H22.13a1.56,1.56,0,0,0-1.56,1.56V42.39A1.56,1.56,0,0,0,22.13,44Z"/><path d="M31.37,43.63h3.26A1.63,1.63,0,0,0,36.26,42V12.65A1.63,1.63,0,0,0,34.63,11H31.37a1.63,1.63,0,0,0-1.63,1.63V42A1.63,1.63,0,0,0,31.37,43.63Z"/><path d="M41.15,43.63h3.27A1.63,1.63,0,0,0,46.05,42V32.21a1.63,1.63,0,0,0-1.63-1.63H41.15a1.63,1.63,0,0,0-1.63,1.63V42A1.63,1.63,0,0,0,41.15,43.63Z"/><path d="M50.94,43.63H54.2A1.63,1.63,0,0,0,55.83,42V19.17a1.63,1.63,0,0,0-1.63-1.63H50.94a1.63,1.63,0,0,0-1.63,1.63V42A1.63,1.63,0,0,0,50.94,43.63Z"/></svg>
Bar Chart in other icon packs
Copied!