hamburger menu
Three horizontal bars
A hamburger menu is a button consisting of three horizontal lines stacked to resemble a stylized hamburger, used in software interfaces to toggle a hidden navigation menu.
The icon saves screen space by concealing options until needed: Tap the hamburger menu to see more settings.
Also called a hamburger icon or burger menu.
design
Layout adapting to screens
- mobile-firstPrioritizing portable device design
- space-savingMinimizing area used
- minimalistOne favoring bare essentials
- visual hierarchyOrder of attention in design
interaction
Increase in size
- collapseSudden structural failure
- animationTechnique creating movement illusion
- transitionChange from one state
- fade inGradual visual appearance
responsive design
Layout adapting to screens
- mobile-firstPrioritizing portable device design
- space-savingMinimizing area used
- minimalistOne favoring bare essentials
action button
Pressable interface control
- app iconPictogram for mobile software
expand
Increase in size
- collapseSudden structural failure
- animationTechnique creating movement illusion
- transitionChange from one state
site navigation
Interface for traversing pages
- submenuSecondary navigation tier
- App Iconsheart icon, home icon, search icon, share icon, settings icon
- menusdropdown, submenu, flyout
- touchscreen UIhome screen, lock screen, app icon, app icons, status bar
- UI controlsscroll bar, list, select, options, back button
- UI elementsbutton, buttons, icon, icons, dropdown
- web designHTML, CSS, JavaScript, navigation, layout