chart-column
Chart Column icon · Lucide · <ChartColumn />
chart-columnLucide tags chart-column with analytics, graph and statistics. It was previously named bar-chart-3, which still works as an alias. The matching icon is bar_chart in Google's Material Symbols.
24 px, stroke 2
chart-column.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 Column icon in React
npm install lucide-react
import { ChartColumn } from "lucide-react";
export function Example() {
return <ChartColumn />;
}
Details
| Name | chart-column |
|---|---|
| Component | ChartColumn (also ChartColumnIcon, LucideChartColumn) |
| Old names | bar-chart-3 (still work as aliases) |
| Category | Charts |
| Icon font | icon-chart-column, U+E2A3 |
| CSS content | "\e2a3" |
| File | lucide-static/icons/chart-column.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |
Tags
Also in Material Symbols
Bar ChartGoogle's version of this icon, on Materialicons