Three Line Horizontal icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable navigation vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-three-line-horizontal.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-three-line-horizontal.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-three-line-horizontal.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-three-line-horizontal.json
Category:navigation
Tags:menuhamburgernavigationthree-linesmobiletogglehorizontalsidebar

The three-line-horizontal icon represents menu navigation and expandable navigation panels in mobile and responsive web applications.

Featuring three stacked horizontal lines (commonly called a hamburger menu), this navigation control has become the universal symbol for hidden menus and collapsible navigation across digital platforms.

Frequently Asked Questions

Common questions about the Three Line Horizontal icon

Similar Icons

Lifesaver - interface icon from Akar Icons
lifesaver
Augmented Reality - media icon from Akar Icons
augmented reality
Linkedin Fill - communication icon from Akar Icons
linkedin fill
Vue Fill - system icon from Akar Icons
vue fill
Circle Triangle Right - media icon from Akar Icons
circle triangle right
Shopping Bag - interface icon from Akar Icons
shopping bag
Settings Vertical - interface icon from Akar Icons
settings vertical
Sound Down - media icon from Akar Icons
sound down
Text Align Justified - typography icon from Akar Icons
text align justified