Pixelarticons

Dropdown Pixel Art Icon

A dropdown icon for select menus, collapsible option lists, combobox triggers and menu-disclosure controls.

design Pro 4 variants

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Dropdown icon

A box with a downward chevron, the standard visual for a dropdown or select control in web and desktop interfaces. Use it on a custom select trigger, a combobox disclosure button, or a filter panel that expands a list on click. It tells users that tapping will open a list of choices below. For a multi-select list that stays persistently open, a checklist or listbox icon is a more accurate representation.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/dropdown.svg" width="24" height="24" alt="Dropdown" />

<!-- React -->
import { Dropdown } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="dropdown.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons