Arrows Vertical Pixel Art Icon
Two opposing vertical arrows for resize handles, row-height adjusters, swap actions, and drag-to-stretch controls.
Tags
arrowsvertical
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Arrows Vertical icon
Two arrows pointing up and down along the same vertical axis, indicating a drag-to-resize handle, a row-height adjuster, or a vertical swap affordance. Table rows, panel dividers, and resizable text areas all use this shape to signal that pulling vertically changes the element's height. When the intent is swapping two items' positions vertically rather than resizing, a text label or tooltip clarifies the distinction from pure drag-to-resize.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/arrows-vertical.svg" width="24" height="24" alt="Arrows Vertical" />
<!-- React -->
import { ArrowsVertical } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="arrows-vertical.svg" width="48" height="48" style="image-rendering: pixelated" />