What the difference between the 2 menu icons: 3-dots and 3-lines (humburger icon)

by Gil Epshtain   Last Updated February 01, 2018 12:16 PM

What the difference (if there is any...) between the 2 menu icons?

1) 3 lines (a.k.a burger icon)
enter image description here

2) 3 dots
enter image description here

Answers 1

Generally speaking they are used to open different types of menu.

  • 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.
Matt Obee
Matt Obee
February 01, 2018 12:04 PM

Related Questions

Am I Giving up UX on aesthetics?

Updated February 16, 2016 00:19 AM

Apple's Hamburger Menu?

Updated January 12, 2017 08:06 AM

Mobile Hamburger Menu Location

Updated June 02, 2015 23:07 PM