Pixelarticons

Arrow Up Pixel Art Icon

An upward-pointing arrow icon for scroll-to-top buttons, upvotes, 'move up' controls, ascending sorts and rising-trend indicators.

arrows Free 2 variants

Tags

arrowupupwardtopabove

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 Up icon

A single arrow pointing straight up. It is the workhorse for upward movement of any kind: scroll-to-top buttons, 'move up' controls in sortable lists, upvotes, and rising-trend indicators on a dashboard. In data tables it marks an ascending sort. When you want a softer, more contained look, the chevron-up or arrow-up-box variants work well, but the bare arrow stays the clearest choice for a direct action.

Usage

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

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

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

Related icons