Menu Icons
Three stacked lines, universally understood as "tap for more navigation" — the hamburger icon is one of the few icons whose meaning barely needs explaining anymore. This page collects menu icon variants across Pathwork's libraries, from evenly-spaced straight lines to slightly rounded or unequal-width takes on the same shape, so you can match the exact weight your header or mobile nav needs.
Showing top 100·73 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all menu iconsSource libraries
Frequently Asked Questions
It's still widely used and recognized, especially in mobile navigation, though some design discussions argue it hides navigation options that might perform better if visible. Whether it's the right choice depends on your product — if space is limited (like a mobile header) it remains a practical, well-understood pattern.
This is typically done by structuring the icon as three separate lines and using CSS transitions to rotate the top and bottom lines into an X shape while fading out the middle line, rather than swapping to a completely separate close icon. Several UI libraries and tutorials cover this specific animation pattern if you want a smooth transition rather than an abrupt icon swap.
The icon alone is generally understood in mobile contexts, but pairing it with a 'Menu' label (especially on larger screens or in less mobile-native interfaces) can reduce ambiguity for users less familiar with the icon-only convention, and also improves accessibility for screen reader users if implemented with proper labeling.
Menu (hamburger) generally opens primary navigation — the main sections of an app or site — while a three-dot 'more options' icon typically opens a secondary, contextual menu of actions for a specific item, like edit or delete options on a list row. They serve different purposes even though both open some kind of menu.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific icon comes from. Check the license shown on the individual icon's page before using it commercially.
A common range is 20-24px within a tappable area of at least 44x44px, to ensure the icon is both visually clear and easy to tap accurately on a touchscreen. The icon itself can be smaller than the actual touch target for better usability.