Menu Pixel Art Icon
A hamburger menu icon for collapsing navigation, sidebar toggles, mobile nav drawers, and 'More options' controls.
Style variants
base
Outline ยท rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Menu icon
Three horizontal lines, universally known as the hamburger menu, representing collapsed navigation or a menu drawer. Use it to toggle a sidebar, open a navigation drawer on mobile, or collapse a header menu on small screens. Users instinctively tap or click it to reveal options. For a menu inside a circle or square container, menu-circle and menu-square provide framed variants. When the navigation is visible, replacing the hamburger with a close (X) icon is the expected behavior.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/menu.svg" width="24" height="24" alt="Menu" />
<!-- React -->
import { Menu } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="menu.svg" width="48" height="48" style="image-rendering: pixelated" />