chart bar horizontal icon

Common uses

• Displaying sales figures over time.
• Showing survey results.
• Visualizing budget allocation.

Use it in React

npm i @phosphor-icons/react

import { ChartBarHorizontal } from '@phosphor-icons/react';

<ChartBarHorizontal size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

<ChartBarHorizontal size={24} />

<ChartBarHorizontal size={24} weight="thin" />

<ChartBarHorizontal size={24} weight="light" />

<ChartBarHorizontal size={24} weight="bold" />

<ChartBarHorizontal size={24} weight="fill" />

<ChartBarHorizontal size={24} weight="duotone" />

Details

Library

Phosphor (1,512 icons)

License

MIT

viewBox

0 0 256 256

Category

finances

Keywords

graphsgraphingchartsstatisticshistogramanalyzeanalysisfinancesofficechartbarhorizontalhorizontal bar chartbar graphstatistics chartdata visualization

FAQ

What is the chart bar horizontal icon used for?

This icon represents a horizontal bar chart, ideal for visualizing data comparisons, statistics, or financial information in a UI.

How do I use the chart bar horizontal icon in React?

Import it using `import { ChartBarHorizontal } from '@phosphor-icons/react'` and then use it as a React component: `<ChartBarHorizontal />`.

What is the license for this icon?

The Phosphor icon library, including the chart bar horizontal icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Phosphor.