Menu Square Pixel Art Icon
A menu icon inside a square for boxy navigation buttons, contained hamburger toggles, and grid-style menu controls.
Tags
menusquare
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Menu Square icon
Three horizontal lines inside a square frame, presenting the hamburger menu concept in a contained, button-like form. Use it for a square navigation toggle button, a boxy toolbar icon that opens a drawer, or a menu entry point styled to match square button grids. The square container pairs well with rectangular tile layouts. For a circular container, menu-circle is the round alternative; for a bare three-line icon without a frame, the plain menu icon is the most minimal option.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/menu-square.svg" width="24" height="24" alt="Menu Square" />
<!-- React -->
import { MenuSquare } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="menu-square.svg" width="48" height="48" style="image-rendering: pixelated" />