Menu Circle Pixel Art Icon
A menu icon inside a circle for round navigation buttons, circular menu toggles, and contained hamburger controls.
Tags
menucircle
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Menu Circle icon
Three horizontal lines enclosed in a circle, combining the hamburger menu concept with a circular button shape. Use it for a floating action button that opens navigation, a round icon button triggering a menu drawer, or a profile-style button revealing user options. The circular container makes it feel more like a button, suiting interfaces built around circular UI elements. For a square container, menu-square is the alternative; for bare lines without a frame, the plain menu icon is lighter.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/menu-circle.svg" width="24" height="24" alt="Menu Circle" />
<!-- React -->
import { MenuCircle } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="menu-circle.svg" width="48" height="48" style="image-rendering: pixelated" />