chart-bar

Chart Bar icon · Lucide · <ChartBar />

chart-bar

Lucide tags chart-bar with analytics, graph and statistics. It was previously named bar-chart-horizontal, which still works as an alias. The matching icons are Data Bar Vertical in Microsoft's Fluent icons and bar_chart in Google's Material Symbols.

24 px, stroke 2

chart-bar.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

npm install lucide-react

import { ChartBar } from "lucide-react";

export function Example() {
  return <ChartBar />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`chart-bar`
Component	`ChartBar` (also `ChartBarIcon`, `LucideChartBar`)
Old names	`bar-chart-horizontal` (still work as aliases)
Category	Charts
Icon font	`icon-chart-bar`, `U+E2A2`
CSS content	`"\e2a2"`
File	`lucide-static/icons/chart-bar.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)