Pixelarticons

Arrow Down Pixel Art Icon

A downward-pointing arrow icon for downloads, expand toggles, 'move down' controls, descending sorts and falling-trend indicators.

arrows Free 2 variants

Tags

arrowdowndownwardbottombelow

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

Get Pro

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

About the Arrow Down icon

A single arrow pointing straight down. Use it for downloads, expanding a collapsed panel, 'move down' actions in reorderable lists, and descending sort order in tables. In analytics it also reads as a falling metric. When the action is specifically saving a file, the dedicated download icon signals intent more precisely, so keep arrow-down for movement and direction within the interface itself.

Usage

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

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

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

Related icons