The Tabler chart donut icon visually represents statistical data or a process in a circular format, commonly used in dashboards and reports to show proportions.
Common uses
- Displaying sales figures by region.
- Showing user engagement breakdown.
- Illustrating survey response distribution.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChartDonut } from '@tabler/icons-react';
<IconChartDonut size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconChartDonut size={24} stroke={2} />filled
<IconChartDonutFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Charts
- Keywords
- statisticsdiagramgraphrhythmdataanalysischartdonutvisualizationanalyticschartsdoughnut chartpie chartdata visualizationcircular graph
FAQ
- What does the chart donut icon represent?
- It depicts a circular chart, similar to a pie chart but often with a hole in the center, used to visualize data proportions and statistics.
- How do I use the chart donut icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconChartDonut } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon set, including the chart donut 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 →