The Tabler chart bar icon depicts a vertical bar chart, commonly used in UI to represent statistical data or performance metrics.
Common uses
- Displaying sales figures
- Showing website traffic trends
- Illustrating survey results
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChartBar } from '@tabler/icons-react';
<IconChartBar size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Charts
- Keywords
- statisticsdiagramgraphrhythmdataanalysischartbarvisualizationanalyticschartsbar chartstatistics icondata visualizationgraph icon
FAQ
- What is the chart bar icon used for?
- It's used to visually represent data, statistics, or performance metrics in a clear and understandable way.
- How do I use the chart bar icon in React?
- You can import and use it like this: import { IconChartBar } from '@tabler/icons-react'. Then render <IconChartBar />.
- What is the license for this icon?
- The Tabler icon library, including the chart bar icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →