Menu 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 100 (of many) · 76 icon packs · Free & open source
Showing top 100 results, many more icons available
Search all Menu Icons iconsSource libraries
| Library | Icons | Total in pack | |
|---|---|---|---|
| Material Design Icons | 4 | 7,447 | View → |
| Material Design Light | 4 | 284 | View → |
| BoxIcons v2 | 3 | 814 | View → |
| Boxicons | 3 | 3,768 | View → |
| Tabler Icons | 2 | 6,184 | View → |
| Myna UI Icons | 2 | 2,620 | View → |
| TDesign Icons | 2 | 2,356 | View → |
| Lucide | 2 | 1,775 | View → |
| WebHostingHub Glyphs | 2 | 2,125 | View → |
| Pepicons Pencil | 2 | 1,275 | View → |
| Pepicons Pop! | 2 | 1,275 | View → |
| Pepicons Print | 2 | 1,275 | View → |
| Dinkie Icons | 2 | 1,198 | View → |
| ProIcons | 2 | 544 | View → |
| Pepicons | 2 | 428 | View → |
| Radix Icons | 2 | 332 | View → |
| Humbleicons | 2 | 286 | View → |
| HeroIcons v1 Outline | 2 | 230 | View → |
| Material Symbols | 1 | 15,597 | View → |
| Phosphor | 1 | 9,072 | View → |
| IconPark Outline | 1 | 2,658 | View → |
| Carbon | 1 | 2,590 | View → |
| Element Plus | 1 | 293 | View → |
| Feather Icons | 1 | 286 | View → |
| Material Symbols Light | 1 | 15,662 | View → |
| Arcticons | 1 | 15,057 | View → |
| Reicon | 1 | 6,586 | View → |
| OpenMoji | 1 | 4,544 | View → |
| Game Icons | 1 | 4,133 | View → |
| Twitter Emoji | 1 | 3,988 | View → |
| Noto Emoji | 1 | 3,710 | View → |
| Fluent Emoji Flat | 1 | 3,145 | View → |
| Fluent Emoji | 1 | 3,126 | View → |
| IconPark | 1 | 2,658 | View → |
| Noto Emoji (v1) | 1 | 2,162 | View → |
| Griddy Icons | 1 | 2,010 | View → |
| Font Awesome Solid | 1 | 2,000 | View → |
| IconPark Solid | 1 | 1,947 | View → |
| IconPark TwoTone | 1 | 1,944 | View → |
| Emoji One (Colored) | 1 | 1,834 | View → |
| Iconoir | 1 | 1,671 | View → |
| Fluent Emoji High Contrast | 1 | 1,595 | View → |
| Line Awesome | 1 | 1,544 | View → |
| Lets Icons | 1 | 1,528 | View → |
| Emoji One (Monotone) | 1 | 1,403 | View → |
| IonIcons | 1 | 1,357 | View → |
| Famicons | 1 | 1,342 | View → |
| Emoji One (v1) | 1 | 1,262 | View → |
| Framework7 Icons | 1 | 1,253 | View → |
| Material Line Icons | 1 | 1,218 | View → |
| Mage Icons | 1 | 1,042 | View → |
| Pixelarticons | 1 | 1,036 | View → |
| Firefox OS Emoji | 1 | 1,034 | View → |
| Font Awesome 5 Solid | 1 | 1,001 | View → |
| Jam Icons | 1 | 940 | View → |
| Pico-icon | 1 | 824 | View → |
| SmartIcons Glyph | 1 | 799 | View → |
| Material Design Iconic Font | 1 | 777 | View → |
| Majesticons | 1 | 760 | View → |
| css.gg | 1 | 704 | View → |
| Codicons | 1 | 644 | View → |
| Grommet Icons | 1 | 636 | View → |
| Vaadin Icons | 1 | 636 | View → |
| Marketeq | 1 | 590 | View → |
| CoreUI Free | 1 | 554 | View → |
| Vadivam | 1 | 508 | View → |
| IcoMoon Free | 1 | 491 | View → |
| OOUI | 1 | 419 | View → |
| Gitlab SVGs | 1 | 410 | View → |
| Ligature Symbols | 1 | 348 | View → |
| Dashicons | 1 | 342 | View → |
| WordPress Icons | 1 | 341 | View → |
| Flat Color Icons | 1 | 329 | View → |
| Entypo+ | 1 | 321 | View → |
| Subway Icon Set | 1 | 306 | View → |
| Zondicons | 1 | 297 | View → |
Related icons
Frequently Asked Questions
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.
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.
The icon alone conveys nothing to a screen reader. Wrap it in a
Related collections
Browse more