Pixelarticons

Arrow Up Wide Narrow Pixel Art Icon

An upward arrow with lines narrowing toward the top, for sort-descending-by-size or funnel-upward layout controls.

arrows Free 1 variant

Tags

arrowupupwardtopabovewidenarrow

Style variants

base

Outline ยท rounded corners

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

About the Arrow Up Wide Narrow icon

An upward arrow with lines that are wide at the base and narrow at the tip, encoding a converging or descending scale going upward. Use it for 'sort by descending size' controls where the largest items rank first but the icon orientation goes upward, or for a compression gesture in layout tools. Arrow-up-narrow-wide covers the expanding counterpart. Keep these two paired so users can toggle between size orderings with a single click.

Usage

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

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

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

Related icons