A Field Guide to the Icons You Tap 100 Times a Day
Interface icons are a shared language nobody was ever formally taught. You know instinctively what three stacked lines do — but ask a room of designers what that icon is called, and half will say "the menu thing." Names matter: they make design reviews faster ("swap the kebab for a meatball"), bug reports clearer, and handoffs less ambiguous. They're also some of the best trivia in software history.
Every icon below is searchable among the 134,701 open-source icons on IconStash — we've noted the search term that finds each one.
The Hamburger Menu
a.k.a. hamburger buttonThree stacked horizontal lines: two buns, one patty. Designed by Norm Cox in 1981 for the Xerox Star — the first commercial GUI workstation — as a compact way to say "a list of things lives here." It hibernated for 30 years, then mobile screens made it the default pattern for hidden navigation drawers.
menu on IconStash.The Kebab Menu
a.k.a. vertical ellipsis · overflow menuThree dots stacked vertically, like meat on a skewer. Popularized by Google's Material Design, where it's formally the "overflow menu" — the place actions go when a toolbar runs out of room. The food name stuck because design teams needed to distinguish it from its horizontal sibling in conversation.
dots vertical or more.The Meatball Menu
a.k.a. horizontal ellipsis · "more" menuThree dots in a row — meatballs on a plate. Functionally identical to the kebab, but it reads as punctuation ("…more") rather than a skewer, which is why iOS and most web apps prefer it inline with horizontal content: table rows, toolbars, tweet footers.
dots horizontal or ellipsis.The Bento Menu
a.k.a. the waffle · app launcherA 3×3 grid of squares or dots, named after the compartments of a Japanese bento box. Microsoft's design teams call the same pattern the waffle. You know it as the app-switcher in Google Workspace and Microsoft 365 — the icon that says "all our other products live here."
grid or apps.The Döner Menu
a.k.a. sort / filter linesStacked horizontal lines of decreasing width — shaved meat on a döner kebab spit. It completes the food-menu family, and unlike its cousins it carries meaning in its shape: the taper implies narrowing a set down, which is why it conventionally means filtering (or sorting) rather than navigation.
filter or sort.The Drag Handle
a.k.a. the grabber · braille dotsTwo columns of dots (or two short lines) marking where you can grab an element to reorder it. Designers call it the grabber or drag handle; the six-dot variant gets nicknamed "braille" because it resembles a braille cell. It's one of the few icons whose entire job is to communicate a physical affordance.
grip or drag.The Two Share Icons
iOS action box vs android share graphSharing never got one icon — it got two. Apple's is a box with an arrow escaping upward (officially the "action" or Share button, introduced with iOS 7). Android's is three nodes joined by two lines — a graph of content traveling from one point to others. Same verb, two dialects; users of each platform barely recognize the other's icon.
share.The Floppy Disk
save · the immortal skeuomorphThe 3.5-inch diskette held about 1.44 MB and died commercially two decades ago — yet it remains the universal symbol for "save," because when GUIs standardized in the late '80s and '90s, saving literally meant writing to this object. The medium vanished; the icon detached from its referent and survived as pure symbol. Most users under 25 have never touched one and understand it perfectly.
save or floppy.The Cylinder
database · the drum that never diedEvery database icon is a stack of short cylinders — because early computer storage physically was a cylinder: magnetic drum memory in the 1950s–60s, then platter stacks inside hard drives. Engineers drew storage in system diagrams as the shape of the hardware, and the convention outlived three generations of storage technology. Your data now lives in flash cells and distributed object stores; the icon still remembers the drum.
database.The Command Symbol
saint john's arms · looping squareThe ⌘ on every Mac keyboard is the Saint John's Arms, a knot-shaped heraldic symbol centuries old, still used on Nordic road signs to mark places of interest. In 1983, Steve Jobs vetoed putting the Apple logo on menu shortcuts ("we're taking the Apple logo in vain!"), and designer Susan Kare found this glyph while paging through a symbol dictionary. It has meant "command" ever since.
⌘K) in menus, tooltips, and command palettes — on Apple platforms only; show Ctrl on Windows/Linux. Search command.The Power Symbol
a binary 1 inside a binary 0The line-and-circle on every power button is literally binary: a 1 (on) breaking into a 0 (off). It descends from IEC standards where "|" meant power on and "○" meant power off; the merged glyph — the line piercing the broken circle — officially means standby. One of the only icons in daily use that encodes its meaning in a number system.
power.Chevron vs Caret vs Disclosure Triangle
the three "arrows" that aren't arrowsDesigners use these interchangeably; they aren't. A chevron is the wide V-shape (❯) meaning "navigate or expand in this direction." A caret is the small typographic wedge (ˆ) that flips to toggle dropdowns. A disclosure triangle is the small filled triangle (▸) from classic Mac OS that rotates to expand tree views. Three glyphs, three interaction promises — mixing them muddies what a click will do.
chevron or caret.Why the Food Names Exist at All
None of these nicknames came from standards bodies. They emerged inside design teams (Google's and Microsoft's, mostly) because "the three vertical dots next to the row" is a terrible sentence to say forty times a day. "Kebab" is one syllable of ambiguity-free shorthand. The names spread through design systems, blog posts, and code comments until they became the de facto vocabulary — a reminder that icon systems are languages, and languages get slang.
The cheat sheet
☰ Hamburger = hidden nav · ⋮ Kebab = item actions (vertical) · ⋯ Meatball = item actions (horizontal) · ⊞ Bento/Waffle = app switcher · Döner = filter · Grabber = drag to reorder · Box-arrow / node-graph = share (iOS / Android) · Floppy = save · Cylinder = database · ⌘ = command · ⏻ = power · Chevron/caret/triangle = navigate/toggle/expand.
Frequently Asked Questions
What is the three-line menu icon called?
The hamburger menu — designed by Norm Cox for the Xerox Star in 1981. It signals a hidden navigation drawer.
What's the difference between the kebab and meatball menu?
Orientation only: kebab is three vertical dots, meatball is three horizontal dots. Both open overflow menus of secondary actions; choose one orientation and use it consistently.
What is the 9-dot grid icon called?
The bento menu (after Japanese bento boxes) — or the waffle, in Microsoft's vocabulary. It switches between apps in a product suite.
Why is the save icon still a floppy disk?
Because icons outlive their referents. Saving once literally meant writing to a diskette; the object disappeared but the learned symbol stayed. It's the most famous skeuomorph in software.