Arrow Up Arrow Down

Usage

With Web Components

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

With icon tag

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

With custom stroke width / thickness

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

Icon Details

Property	Value
Name	Arrow Up Arrow Down
Slug	arrow-up-arrow-down
Tags	sort, swap, switch, order, transfer, vertical, arrow-up-arrow-down

SVG Path

M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5

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="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"></path>
</svg>

---

← Back to Icon Library