chart-pie
Chart Pie icon · Lucide · <ChartPie />
chart-pieLucide tags chart-pie with presentation, analytics and statistics. It was previously named pie-chart, which still works as an alias. The matching icons are Data Pie in Microsoft's Fluent icons and pie_chart in Google's Material Symbols.
24 px, stroke 2
chart-pie.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Chart Pie icon in React
npm install lucide-react
import { ChartPie } from "lucide-react";
export function Example() {
return <ChartPie />;
}Details
| Name | chart-pie |
|---|---|
| Component | ChartPie (also ChartPieIcon, LucideChartPie) |
| Old names | pie-chart (still work as aliases) |
| Categories | Charts, File icons |
| Icon font | icon-chart-pie, U+E06B |
| CSS content | "\e06b" |
| File | lucide-static/icons/chart-pie.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |