Skip to content

MenuIcon

const MenuIcon: NamedExoticComponent<Omit<{ children: ReactNode; className?: string; color?: IconColor; decorative?: boolean; ref?: Ref<SVGSVGElement>; size?: IconSize; testId?: string; title?: string; }, "children">>

Defined in: src/components/Icons/MenuIcon.tsx:28

Menu icon component for menu/hamburger navigation.

A standard three-line hamburger icon commonly used for opening menus, navigation drawers, and mobile menu toggles in editor interfaces.

Example

// Basic usage
<MenuIcon />
// With custom size and color
<MenuIcon size="md" color="secondary" />
// In a navigation context
<Button icon={<MenuIcon />}>Menu</Button>