Beta
Majesticons
Docs

chart bar

Majesticons icon · chart-bar

License
MIT
Grid
24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal
npm install @rdicons/react-majesticons
your code
import { ChartBar } from '@rdicons/react-majesticons'

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

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-2zm-8 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-8zm-7 6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2z" fill="#000000"/><path d="M18 5V3a2 2 0 0 0-2 2h2zm0 14V5h-2v14h2zm0 0h-2a2 2 0 0 0 2 2v-2zm2 0h-2v2h2v-2zm0 0v2a2 2 0 0 0 2-2h-2zm0-14v14h2V5h-2zm0 0h2a2 2 0 0 0-2-2v2zm-2 0h2V3h-2v2zm-7 4a2 2 0 0 0-2 2h2V9zm2 0h-2v2h2V9zm2 2a2 2 0 0 0-2-2v2h2zm0 8v-8h-2v8h2zm-2 2a2 2 0 0 0 2-2h-2v2zm-2 0h2v-2h-2v2zm-2-2a2 2 0 0 0 2 2v-2H9zm0-8v8h2v-8H9zm-5 4a2 2 0 0 0-2 2h2v-2zm2 0H4v2h2v-2zm2 2a2 2 0 0 0-2-2v2h2zm0 2v-2H6v2h2zm-2 2a2 2 0 0 0 2-2H6v2zm-2 0h2v-2H4v2zm-2-2a2 2 0 0 0 2 2v-2H2zm0-2v2h2v-2H2z" fill="#000000"/></g></svg>

More from Majesticons