Pixelarticons

Arrow Down A Z Pixel Art Icon

A downward arrow labeled A-to-Z, for alphabetical ascending sort on column headers, lists, and filter dropdowns.

arrows Pro 2 variants

Tags

arrowdowndownwardbottombelow

Style variants

base

Outline · rounded corners

Get Pro

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 A Z icon

A downward arrow labeled with 'A' above 'Z', the standard way to signal alphabetical ascending sort. Use it on table column headers, dropdown sort menus, and file browser toolbars whenever items should run from A to Z going down the list. The label removes any ambiguity that a plain arrow would leave. Its inverse, arrow-down-z-a, handles reverse-alphabetical; for numeric sorts, arrow-down-0-1 is the correct counterpart.

Usage

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

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

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

Related icons