Arrows Horizontal Pixel Art Icon
Two opposing horizontal arrows for resize handles, column-width adjusters, swap actions, and drag-to-stretch controls.
Tags
arrowshorizontal
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Arrows Horizontal icon
Two arrows pointing in opposite directions along the horizontal axis. This shape is the cursor and handle symbol for horizontal resizing: drag a column divider, stretch a panel, or adjust an element's width. It also works as a swap or exchange icon when two items can trade positions side by side. For vertical stretching, arrows-vertical is the counterpart. Keep a label nearby if the action is swap rather than resize, since the two meanings can overlap.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/arrows-horizontal.svg" width="24" height="24" alt="Arrows Horizontal" />
<!-- React -->
import { ArrowsHorizontal } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="arrows-horizontal.svg" width="48" height="48" style="image-rendering: pixelated" />