Menu SVG Icons
"Menu icon" covers three visually distinct shapes with different UI meanings: the three-line hamburger (opens a full navigation drawer), the vertical kebab / three dots (opens a contextual dropdown for one item), and the horizontal meatball (usually a toolbar overflow menu). Mixing these up confuses users about what a tap will do, so this page groups all three styles together for easy side-by-side comparison.
Showing top 150 (of many)·94 icon packs·Free & open source
Showing top 150 results, many more icons available
Search all Menu Icons iconsRelated icons
Menu Icons by library
The icons above come from 94 open-source libraries. Open one to see its full set in a matching style.
- Material Design Icons18
- Tabler Icons7
- Material Symbols4
- Material Design Light4
- IconPark Outline3
- Myna UI Icons3
- TDesign Icons3
- BoxIcons v23
- Boxicons3
- HeroIcons v1 Outline3
- HeroIcons v1 Solid3
- Bootstrap Icons3
82 more libraries
- Phosphor2
- Lucide2
- WebHostingHub Glyphs2
- Pepicons Pencil2
- Pepicons Pop!2
- Pepicons Print2
- Dinkie Icons2
- ProIcons2
- Pepicons2
- Radix Icons2
- Humbleicons2
- Carbon1
- Element Plus1
- Feather Icons1
- Material Symbols Light1
- Arcticons1
- Keyline Icons1
- Reicon1
- Huge Icons1
- OpenMoji1
- Game Icons1
- Twitter Emoji1
- Noto Emoji1
- Fluent Emoji Flat1
- Fluent Emoji1
- IconPark1
- Noto Emoji (v1)1
- Griddy Icons1
- Font Awesome Solid1
- IconPark Solid1
- IconPark TwoTone1
- Emoji One (Colored)1
- Iconoir1
- Fluent Emoji High Contrast1
- Line Awesome1
- Lets Icons1
- Emoji One (Monotone)1
- IonIcons1
- Famicons1
- Emoji One (v1)1
- Framework7 Icons1
- Material Line Icons1
- Mage Icons1
- Pixelarticons1
- Firefox OS Emoji1
- Font Awesome 5 Solid1
- Jam Icons1
- Pico-icon1
- SmartIcons Glyph1
- Material Design Iconic Font1
- Majesticons1
- css.gg1
- Codicons1
- Grommet Icons1
- Vaadin Icons1
- Marketeq1
- CoreUI Free1
- Vadivam1
- IcoMoon Free1
- OOUI1
- Gitlab SVGs1
- Ligature Symbols1
- WordPress Icons1
- Dashicons1
- Flat Color Icons1
- Entypo+1
- Subway Icon Set1
- Zondicons1
- Open Iconic1
- uiw icons1
- Rivet Icons1
- Gridicons1
- Simple line icons1
- Mono Icons1
- Mono Icons1
- Nimbus1
- Quill Icons1
- Innowatio Font1
- Bytesize Icons1
- Duoicons1
- Icalicons1
- CodeX Icons1
Frequently Asked Questions
What is the difference between hamburger, kebab, and meatball menu icons?
Hamburger (three horizontal lines) typically opens a full-screen or slide-out navigation menu with multiple top-level destinations. Kebab (three vertical dots) opens a small contextual dropdown tied to one specific item: a row in a list, a card. Meatball (three horizontal dots) is the toolbar-overflow convention, used when a set of already-visible action buttons runs out of space.
When should I use a hamburger menu instead of visible nav links?
Hamburger menus make sense on mobile viewports where horizontal space is limited, or for secondary navigation that most users won't need every visit. On desktop, hiding primary navigation behind a hamburger icon measurably hurts discoverability. Keep top-level links visible when there is room.
Are hamburger menu icons accessible?
The icon alone conveys nothing to a screen reader. Wrap it in a