Pixelarticons

Arrow Down Narrow Wide Pixel Art Icon

A downward arrow with lines widening from top to bottom, for 'sort smallest to largest' or 'expand to wider view' controls.

arrows Free 1 variant

Tags

arrowdowndownwardbottombelownarrowwide

Style variants

base

Outline ยท rounded corners

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

About the Arrow Down Narrow Wide icon

A downward arrow accompanied by lines that narrow at the top and widen at the bottom, visually encoding a progression from tight to spacious. It signals ascending sort by size or relevance, typically labeled 'smallest first' or 'narrow to wide.' Designers also use it for an expand gesture in layouts where content fans out downward. Its mirror, arrow-down-wide-narrow, represents the opposite direction of the same scale.

Usage

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

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

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

Related icons