The HugeIcons chart bar stacked icon visually represents data broken down into multiple categories within distinct bars, commonly used to show proportions or comparisons across segments.
Common uses
- Displaying sales figures by product category over time.
- Illustrating survey results broken down by demographic.
- Comparing budget allocation across different departments.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ChartBarStackedIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ChartBarStackedIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- stacked bar chartbar chart segmentsdata comparisonmulti-category chart
FAQ
- What does the stacked bar chart icon represent?
- It represents data that is divided into multiple segments within each bar, useful for showing part-to-whole relationships or comparisons across categories.
- How do I use the ChartBarStackedIcon in React?
- Import both HugeiconsIcon and ChartBarStackedIcon, then render the icon using <HugeiconsIcon icon={ChartBarStackedIcon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.