Bars 3 icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-bars-3.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-bars-3.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-bars-3.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-bars-3.json
Category:interface
Tags:hamburgermenunavigationbarsmobilethreedrawer

The bars-3 icon represents the classic hamburger menu in modern navigation interfaces.

Featuring three horizontal lines, this symbol has become the universal indicator for hidden navigation menus, mobile navigation drawers, and primary menu access across web and mobile applications worldwide.

Frequently Asked Questions

Common questions about the Bars 3 icon

Similar Icons

Rectangle Stack - layout icon from HeroIcons
rectangle stack
Arrow Uturn Down 20 Solid - navigation icon from HeroIcons
arrow uturn down 20 solid
Currency Euro - interface icon from HeroIcons
currency euro
Clipboard Document - actions icon from HeroIcons
clipboard document
Currency Rupee 16 Solid - interface icon from HeroIcons
currency rupee 16 solid
Puzzle Piece 16 Solid - system icon from HeroIcons
puzzle piece 16 solid
Arrows Pointing Out Solid - interface icon from HeroIcons
arrows pointing out solid
Clock 20 Solid - interface icon from HeroIcons
clock 20 solid
Chevron Double Down - navigation icon from HeroIcons
chevron double down