Pixelarticons

Menu Circle Pixel Art Icon

A menu icon inside a circle for round navigation buttons, circular menu toggles, and contained hamburger controls.

devices Free 2 variants

Tags

menucircle

Style variants

base

Outline · rounded corners

solid

Filled · rounded corners

Get Pro

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" />

Related icons