The Heroicons presentation chart bar icon visually represents data analysis and reporting, commonly used to indicate sections related to analytics, statistics, or performance metrics.
Common uses
- Displaying analytics dashboard widgets
- Indicating a reports section in a navigation menu
- Visualizing sales or performance data summaries
Use it in React
Install
npm i @heroicons/reactImport & render
import { PresentationChartBarIcon } from '@heroicons/react/24/outline';
<PresentationChartBarIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<PresentationChartBarIcon className="size-6" />24/solid
<PresentationChartBarIcon className="size-6" />20/solid
<PresentationChartBarIcon className="size-6" />16/solid
<PresentationChartBarIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- presentationchartbarbar chartanalyticsstatisticsreporting
FAQ
- What does the presentation chart bar icon represent?
- This icon symbolizes data visualization and analysis, often used for reports, charts, or statistical information.
- How do I use this icon in React?
- Import it using: import { PresentationChartBarIcon } from '@heroicons/react/24/outline'. Then use it as a React component: <PresentationChartBarIcon className="h-6 w-6" />.
- What is the license for this icon?
- The Heroicons library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →