Pixelarticons

Arrows Horizontal Pixel Art Icon

Two opposing horizontal arrows for resize handles, column-width adjusters, swap actions, and drag-to-stretch controls.

arrows Free 2 variants

Tags

arrowshorizontal

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 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" />

Related icons