LogRocket Blog

Every common UI menu icon and its use case

thumbnail
  • Hamburger Menu: The most commonly used navigational menu icon, it is used to organize and hide comprehensive navigation menus.
  • Kebab Menu: Similar to the hamburger menu, it is typically placed on the top right of the screen and contains app actions or overflow menu options.
  • Döner Menu: A variation of the hamburger menu, it is often used in conjunction with sorting or "sort by" options.
  • Bento Menu: Named after the Japanese packed lunch, it consists of three dots laid out next to each other and is commonly seen in the UI of the Google Play store.
  • Meatball Menu: Also known as the ellipsis menu, it contains links to related items or actions not visible on the main screen.
  • Flyout Menu: A type of navigational system represented by the hamburger menu icon, it drops down when clicked and can be hidden again with another click.
  • Standard Horizontal Menu: The classic navigation menu used in old websites, programs, and apps, often displayed horizontally.
  • Waffle: Not a UI menu icon, but a UI element used in Microsoft, Google, and Microsoft Office UI navigation menus.