Dropdown Menu Pixel Art Icon
A dropdown menu icon for navigation menus, fly-out menus, context menus and expandable nav list triggers.
Tags
dropdownmenu
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Dropdown Menu icon
A box with a chevron and text lines representing a labeled menu of items, signaling an expandable navigation or action list. Use it on a navigation element that reveals a submenu, a 'More options' trigger that opens a fly-out, or a settings panel that expands into sub-options. The text lines make it more specific than the plain dropdown icon, emphasizing that multiple labeled items appear. For a single-value select, the simpler dropdown avoids overstating complexity.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/dropdown-menu.svg" width="24" height="24" alt="Dropdown Menu" />
<!-- React -->
import { DropdownMenu } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="dropdown-menu.svg" width="48" height="48" style="image-rendering: pixelated" />