Menu (Hamburger)
Three stacked lines mean "open the menu." Born on early mobile, now understood almost everywhere — though on a wide screen a visible nav is usually better than hiding it behind this icon.
A handful of glyphs the whole world already reads.
A small set of glyphs has become a near-universal language. Use them as they're understood, pair them with labels, and keep one consistent set.
Three stacked lines mean "open the menu." Born on early mobile, now understood almost everywhere — though on a wide screen a visible nav is usually better than hiding it behind this icon.
The magnifying glass is the most universally recognized icon in software. It reliably means "find" or "search" — one of the few glyphs that needs no label to be understood.
The cog signals "settings" or "configure." Widely understood, though it can blur with system status or advanced options — a label removes any doubt about exactly what it opens.
The house means "back to the start." Strong on mobile apps; on the web the logo top-left often does the same job, so the two can compete if you show both.
A head-and-shoulders silhouette means "you" — your profile, account, or sign-in. Conventionally sits top-right, often doubling as the entry to settings and sign-out.
The shopping cart (or basket) means "items you intend to buy." One of the most stable icons on the web — users expect it top-right, often with a count badge.
A heart means "like" or "save" — but which? Platforms split between favoriting, bookmarking, and reacting. Because the meaning isn't fixed, this is an icon that genuinely needs a label or tooltip.
"Share" has no single glyph — the connected-nodes mark, the iOS box-and-arrow, and others all compete. Recognition is good but the symbol varies by platform, so confirm it matches your users' expectations.
The trash can means "remove." Strongly understood, but because it's destructive it deserves extra care — a confirmation, an undo, or both — and never as the only place an important action lives.
Outside the tiny universal set, an icon alone is a guessing game. A text label removes ambiguity, aids accessibility, and barely costs space — when in doubt, label it.
Icons work by borrowing meaning users already hold. A clever, novel symbol resets that to zero. Reach for the established metaphor before inventing your own — recognition beats originality.
Mixing icon families — different weights, corners, and fill styles — reads as sloppy and slows recognition. Pick a single set (or design to one spec) and use it everywhere.
A 16px glyph can still need a 44px touch target. Keep icon buttons comfortably tappable and give them breathing room — small, crowded icons are slow and error-prone (see Fitts's Law).
A brand-new glyph is entering the universal set — and AI is also making it tempting to generate icons whose meaning users don't yet share.
Almost overnight, the four-point sparkle has come to mean "AI" — generate, summarize, assist. It's the fastest-forming icon convention in years, and users now expect it to mark anything powered by a model.
AI can spit out an infinite supply of unique icons — but an icon only works if its meaning is already shared. A freshly generated glyph carries none. Keep generated art on the established metaphor, and label anything new.