Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the hamburger menu icon called and the three vertical dots icon called?

Google and some other developers have introduced us to what some have called the hamburger menu button and now the 3 vertical dots button or vertical ellipsis. What is the official name of these buttons/icons?

It would be nice if developers could consistently use a particular icon for menus. It would also be nice to know what to tell novice users to press.

Background Info:

Horizontal Ellipsis … … … …
Apple uses the horizontal ellipsis and calls it the More Options icon.
According to https://design.google.com/icons/ the icon is called "more horiz".

Vertical Ellipsis ⋮ ⋮ ⋮ ⋮
Google+ for desktop seems to use this as a menu for communities. The Google+ app uses this icon as a standard menu icon.
According to https://design.google.com/icons/ the icon is called "more vert".

Identical To ≡ ≡ ≡ ≡
Google Chrome uses an image similar to Identical To and calls it the Chrome menu.
It has also been called the "hamburger" icon, "hotdog" icon, Options menu, Menu button, Overflow menu, Side menu, Menu drawer...
According to https://design.google.com/icons/ the icon is called "menu".

like image 920
Jeff Baker Avatar asked Jan 12 '16 23:01

Jeff Baker


People also ask

What is the 3 bars icon called?

The hamburger button (the triple bar ≡ or trigram symbol ☰), so named for its unintentional resemblance to a hamburger, is a button typically placed in a top corner of a graphical user interface.

What are the 3 dots called in an app?

Ellipsis = “More actions” More and more apps are now using a midline ellipsis (⋯) to indicate a menu with more actions. It basically means “Hey, there's more stuff you can do here.” In many Android apps, you'll often see a vertical ellipsis (⋮) to mean the same thing.

What are the 3 dots called hamburger?

The 'burger' is used to open a 'burger menu', which is presented as a drawer that appears from the side of the screen and occupies most of the screen; The 'kebab' (three vertical dots), which originated in Google's Material Design languge, is designed to open a smaller inline menu from a button or other control.

What is the hamburger icon called?

A hamburger icon, in user interface (UI) design, is a navigational symbol consisting of three stacked horizontal lines that indicate the location of a hidden menu. The icon got its name from the fact that its structure resembles a burger in a bun in a simplified graphic.


2 Answers

Look at this photo, it says "Kebab Menu" is a correct answer:

enter image description here

per comment below, sourced from Luke Wroblewski: https://twitter.com/lukew/status/591296890030915585/photo/1

like image 173
Patryk Janik Avatar answered Sep 22 '22 01:09

Patryk Janik


For the 3 vertical dot icon, these are the most popular names

  • Kebab menu
  • More options icon

For the remaining, here is the list.

Picture Credit- @MichaelBabich

like image 45
Nechar Joshi Avatar answered Sep 21 '22 01:09

Nechar Joshi