The Phosphor chart pie icon visually represents a pie chart, commonly used in user interfaces to display proportional data or statistical breakdowns.
Common uses
- Displaying sales data breakdown
- Showing budget allocation
- Visualizing survey results
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ChartPie } from '@phosphor-icons/react';
<ChartPie size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ChartPie size={24} />thin
<ChartPie size={24} weight="thin" />light
<ChartPie size={24} weight="light" />bold
<ChartPie size={24} weight="bold" />fill
<ChartPie size={24} weight="fill" />duotone
<ChartPie size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- graphsgraphingchartsstatisticscircleanalyzeanalysisfinancesofficechartpiecircle graphdata visualizationdoughnut chart
FAQ
- What is the chart pie icon used for?
- It's used to represent data divided into proportional segments, like financial breakdowns or statistical analysis.
- How do I use the chart pie icon in React?
- Import it from the Phosphor library and use it as a component: `import { ChartPie } from '@phosphor-icons/react'; <ChartPie />`.
- What is the license for the Phosphor chart pie icon?
- The Phosphor icon library, including the chart pie icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →