UX Planet

UX Planet is a one-stop resource for everything related to user experience.

Follow publication

Member-only story

Choose Correct Menu Icon for your Navigation?

Explaining all different types of menu icons & their usage.

Vikalp Kaushik
UX Planet
Published in
4 min readAug 25, 2021

These strange little icons can be found all over the Internet, on all types of websites, and with the proliferation of smartphones and tablets used to browse the Internet, these icons are commonly used in mobile versions of websites and apps.

There is no officially agreed name for all of these icons other than the menu icons.

There are different icon makers like Font Awesome and Material Design that use different names for all of their icons, making it difficult to pin down the names of these icons.

Firstly, these are all icons, which are small graphics on the screen that represents a program, file, or function of the computer, and secondly, all these specific icons represent menus.

1. Hamburger

The name is pretty simple: it clearly hints at how it looks like two buns and a patty. The hamburger icon is usually found in the top or bottom corner of websites and apps, and informs users that there is more to explore beyond these three lines.

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Published in UX Planet

UX Planet is a one-stop resource for everything related to user experience.

Written by Vikalp Kaushik

Helping you create better designs and grow faster as a designer | FREE Ebooks & Play "The UI Game": betterdesigning.com

Responses (3)

Write a response

Döner and strawberry look the same. Which meaning is better to use for this shape of an icon?

--

This is great, thanks. Is the 9 squares not a Waffle though?

--

This was perfect. Thank you for putting this together

--