Menu

AI SVG Studio
Sign in
Bar Chart SVG icon, line

Bar Chart SVG icon, line

Three vertical bars rise in height above a baseline. Use the icon to identify analytics pages in dashboards or statistics sections in reports.

Free ยท from Business icons, line

Similar SVGs

More from Business icons, line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DQ6nQSezHkiW/amnt.svg" alt="Bar Chart" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"/><path d="M5 21v-5h3v5"/><path d="M11 21V11h3v10"/><path d="M17 21V5h3v16"/></svg>
CSS background-image
.bar-chart {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DQ6nQSezHkiW/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.bar-chart {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DQ6nQSezHkiW/amnt.svg") center / contain no-repeat;
}
React
import BarChartSvg from "./bar-chart.jsx"; // from the React tab above

<BarChartSvg width={48} height={48} />

Tags

barchartdatastatisticsbusinessiconline

Made with AMNT

AMNT SVG 1.1 drew this from the words Bar Chart: Three vertical bars of increasing height above a baseline. as part of the pack Business icons, line. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings