chart donut icon

Common uses

• Displaying sales breakdown by region.
• Showing user engagement by platform.
• Illustrating budget allocation.

Use it in React

npm i @phosphor-icons/react

import { ChartDonut } from '@phosphor-icons/react';

<ChartDonut size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

<ChartDonut size={24} />

<ChartDonut size={24} weight="thin" />

<ChartDonut size={24} weight="light" />

<ChartDonut size={24} weight="bold" />

<ChartDonut size={24} weight="fill" />

<ChartDonut size={24} weight="duotone" />

Details

Library

Phosphor (1,512 icons)

License

MIT

viewBox

0 0 256 256

Category

finances

Keywords

graphsgraphingchartsstatisticsanalyzeanalysiscirclefinancesofficechartdonutdonut chartpie chartdata visualization

FAQ

What is the chart donut icon used for?

It's used to represent data broken down into proportions or percentages, similar to a pie chart but with a hole in the center.

How do I use the chart donut icon in React?

Import it using `import { ChartDonut } from '@phosphor-icons/react';` and then render it as a component: `<ChartDonut />`.

What is the license for the Phosphor chart donut icon?

The Phosphor icon library, including the chart donut icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Phosphor.