The Lucide chart bar icon visually represents data in a bar graph format, commonly used to display statistical information or comparisons in user interfaces.
Common uses
- Displaying sales figures over time.
- Showing user engagement metrics.
- Visualizing survey results.
Use it in React
Install
npm i lucide-reactImport & render
import { ChartBar } from 'lucide-react';
<ChartBar size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- statisticsanalyticsdiagramgraphchartbarbar chartstatistics iconanalytics graphdata diagram
FAQ
- What is the chart bar icon used for?
- It's used to represent data visually, typically in the form of a bar chart or graph, to show statistics or comparisons.
- How do I use the chart bar icon in React?
- You can import and use it like this: import { ChartBar } from 'lucide-react'; <ChartBar />.
- What is the license for this icon?
- The Lucide icon library, including the chart bar icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →