The Phosphor chart polar icon depicts a circular chart with data points radiating from the center, commonly used to visualize multi-variable data or performance metrics in a radial format.
Common uses
- Displaying radar charts for feature comparison.
- Visualizing survey results with multiple dimensions.
- Showing performance metrics across different categories.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ChartPolar } from '@phosphor-icons/react';
<ChartPolar size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ChartPolar size={24} />thin
<ChartPolar size={24} weight="thin" />light
<ChartPolar size={24} weight="light" />bold
<ChartPolar size={24} weight="bold" />fill
<ChartPolar size={24} weight="fill" />duotone
<ChartPolar size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- graphsgraphingchartsstatisticsanalyzeanalysiscirclefinancesofficechartpolarradar chartradial chartdata visualizationperformance chart
FAQ
- What is the chart polar icon used for?
- It's used to represent data visualized in a polar or radar chart format, ideal for multi-variable comparisons.
- How do I use the chart polar icon in React?
- You can import and use it like this: import { ChartPolar } from '@phosphor-icons/react'. Then render it as a React component.
- What is the license for the Phosphor chart polar icon?
- The Phosphor icon library, including the chart polar 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 →