[button] 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".

This question is related to button menu options ellipsis hamburger-menu

The answer is


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


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


At eBay it’s the kabob.

Also heard it called the snowman or sushi roll.


Not an official name per se, but I've heard vertical ellipsis referred to as "snowman" in SAS community.


We call it the "ant" menu. Guess it was a good time to change since everyone had just gotten used to the hamburger.


According to Reddit, more options icon and kabob menu are popular names. I prefer the latter as it goes well with hamburger menu.


Cannot say about the "official nomenclature" - infact I wonder whose word will be "official" anyway - but here's how they can be called:


Examples related to button

How do I disable a Button in Flutter? Enable/disable buttons with Angular Disable Button in Angular 2 Wrapping a react-router Link in an html button CSS change button style after click Circle button css How to put a link on a button with bootstrap? What is the hamburger menu icon called and the three vertical dots icon called? React onClick function fires on render Run php function on button click What is the hamburger menu icon called and the three vertical dots icon called? Changing text color of menu item in navigation drawer How to get selected value of a dropdown menu in ReactJS Android custom dropdown/popup menu Creating a Menu in Python How to make a 3-level collapsing menu in Bootstrap? how to set active class to nav menu from twitter bootstrap How to make jQuery UI nav menu horizontal? Twitter Bootstrap add active class to li Adding a right click menu to an item

Examples related to options

What is the hamburger menu icon called and the three vertical dots icon called? How do you change the formatting options in Visual Studio Code? Print very long string completely in pandas dataframe Display / print all rows of a tibble (tbl_df) AngularJS - value attribute for select Force R not to use exponential notation (e.g. e+10)? GCC -fPIC option Can an Option in a Select tag carry multiple values? How to print the full NumPy array, without truncation? Javascript to Select Multiple options

Examples related to ellipsis

What is the hamburger menu icon called and the three vertical dots icon called? Applying an ellipsis to multiline text How to have Ellipsis effect on Text CSS text-overflow: ellipsis; not working? Android, How to limit width of TextView (and add three dots at the end of text)? Why doesn't CSS ellipsis work in table cell? HTML text-overflow ellipsis detection With CSS, use "..." for overflowed block of multi-lines HTML - how can I show tooltip ONLY when ellipsis is activated Limit text length to n lines using CSS

Examples related to hamburger-menu

What is the hamburger menu icon called and the three vertical dots icon called? How to add hamburger menu in bootstrap