bars 3 center left icon

Common uses

• Mobile navigation menu trigger
• Sidebar toggle button
• Hamburger menu icon

Use it in React

npm i @heroicons/react

import { Bars3CenterLeftIcon } from '@heroicons/react/24/outline';

<Bars3CenterLeftIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<Bars3CenterLeftIcon className="size-6" />

<Bars3CenterLeftIcon className="size-6" />

<Bars3CenterLeftIcon className="size-6" />

<Bars3CenterLeftIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

bars3centerlefthamburger menumenu iconnavigation iconsidebar icon

FAQ

What does the bars 3 center left icon represent?

This icon represents a menu or navigation, often referred to as a 'hamburger' icon, typically used to open a sidebar or menu panel.

How do I use this icon in React?

You can import and use it in React with: import { Bars3CenterLeftIcon } from '@heroicons/react/24/outline'

What is the license for Heroicons?

Heroicons are released under the MIT license, allowing for free use in both open-source and commercial projects.

Related icons

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