The Tabler chart treemap icon visually represents hierarchical data as nested rectangles, commonly used in UI to display proportions and relationships within a dataset.
Common uses
- Displaying market share by company.
- Showing file size distribution in a directory.
- Visualizing budget allocation across departments.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChartTreemap } from '@tabler/icons-react';
<IconChartTreemap size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Charts
- Keywords
- diagramanalyticsbuisnessdatacharttreemapstatisticsvisualizationmetricsreportchartsnested rectangles charthierarchical data visualizationdata proportion chart
FAQ
- What does the chart treemap icon represent?
- It depicts hierarchical data using nested rectangles, where the area of each rectangle is proportional to its value. This is useful for understanding part-to-whole relationships.
- How do I use this icon in React?
- You can import and use it directly in your React components like this: import { IconChartTreemap } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icons, including the chart treemap icon, are distributed 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 →