Arrow Up Down Left Right

Usage

With Web Components

<ss-icon icon="arrow-up-down-left-right"></ss-icon>

With icon tag

<i class="ss ss-arrow-up-down-left-right"></i>

With custom stroke width / thickness

<ss-icon icon="arrow-up-down-left-right" thickness="1.2"></ss-icon>

Icon Details

Property	Value
Name	Arrow Up Down Left Right
Slug	arrow-up-down-left-right
Tags	move, all directions, pan, drag, position, arrow-up-down-left-right

SVG Path

M 3 12 h 18 M 12 3 v 18 M 6 15 L 3 12 l 3 -3 M 18 9 L 21 12 l -3 3 M 9 6 L 12 3 l 3 3 M 15 18 L 12 21 l -3 -3

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M 3 12 h 18 M 12 3 v 18 M 6 15 L 3 12 l 3 -3 M 18 9 L 21 12 l -3 3 M 9 6 L 12 3 l 3 3 M 15 18 L 12 21 l -3 -3"></path>
</svg>

---

← Back to Icon Library