Pixelarticons

Chevron Down Pixel Art Icon

A downward-pointing V chevron for dropdown triggers, accordion expand controls, and select-menu indicators.

arrows Free 1 variant

Tags

chevroncaretarrowdowndownwardbottombelow

Style variants

base

Outline ยท rounded corners

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

About the Chevron Down icon

A lightweight V-shape pointing downward, lighter and more subtle than a full arrowhead. This is the go-to icon for indicating that something can be expanded or opened: dropdown menus, accordion sections, select elements, and collapsible list items all use it as their trigger indicator. Its small footprint makes it ideal as a suffix inside buttons or input fields. When collapsed state is shown, chevron-right is the natural pair; for extra visual weight, circle-chevron-down adds a containing ring.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/chevron-down.svg" width="24" height="24" alt="Chevron Down" />

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

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

Related icons