Arrows Up Down Pixel Art Icon
A side-by-side down and up arrow pair for sort controls, reorder handles, vertical swaps and scroll hints.
Tags
arrowsupdownsort
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
This is a Pro icon.
Get it with all 5570 pixel art icons: every style, full SVG source, one-time license.
Whole team? Team and Enterprise licenses cover up to 5 or 25 seats.
About the Arrows Up Down icon
A down arrow on the left and an up arrow on the right, drawn as two separate arrows rather than one double-headed line. Use it as the unsorted state of a sortable table header, a drag-to-reorder handle, a vertical swap action, a scroll hint, or a row-height resize control. It is the vertical partner of arrows-left-right. For a single double-ended line, arrows-vertical is the tighter shape.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/arrows-up-down.svg" width="24" height="24" alt="Arrows Up Down" />
<!-- React -->
import { ArrowsUpDown } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="arrows-up-down.svg" width="48" height="48" style="image-rendering: pixelated" />
