Arrow Left Arrow Right

Usage

With Web Components

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

With icon tag

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

With custom stroke width / thickness

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

Icon Details

Property	Value
Name	Arrow Left Arrow Right
Slug	arrow-left-arrow-right
Tags	swap, exchange, switch, trade, compare, transfer, arrow-left-arrow-right

SVG Path

M7.5 21 3 16.5m0 0 4.5-4.5M3 16.5h13.5m0-13.5L21 7.5m0 0-4.5 4.5M21 7.5H7.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="M7.5 21 3 16.5m0 0 4.5-4.5M3 16.5h13.5m0-13.5L21 7.5m0 0-4.5 4.5M21 7.5H7.5"></path>
</svg>

---

← Back to Icon Library