The Phosphor chart pie slice icon visually represents a portion of a whole, commonly used in user interfaces to denote data segmentation or financial breakdowns.
Common uses
- Displaying sales by category
- Showing budget allocation
- Illustrating survey results
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ChartPieSlice } from '@phosphor-icons/react';
<ChartPieSlice size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ChartPieSlice size={24} />thin
<ChartPieSlice size={24} weight="thin" />light
<ChartPieSlice size={24} weight="light" />bold
<ChartPieSlice size={24} weight="bold" />fill
<ChartPieSlice size={24} weight="fill" />duotone
<ChartPieSlice size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- *updated*graphsgraphingchartsstatisticscircleanalyzeanalysisfinancesofficechartpieslicepie chartdata chartstatistics icon
FAQ
- What is the chart pie slice icon used for?
- This icon is ideal for representing parts of a whole, such as financial data, statistics, or segmented information within a UI.
- How do I use the chart pie slice icon in React?
- Import it using `import { ChartPieSlice } from '@phosphor-icons/react'` and then render it as a component: `<ChartPieSlice />`.
- What is the license for this icon?
- The Phosphor icon library, including the chart pie slice 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 →