Sign Out

Preferred name for an arrow leaving the door. Shares its drawing with the legacy name arrow-left-on-rectangle.

Usage

With Web Components

<ss-icon icon="sign-out"></ss-icon>

With icon tag

<i class="ss ss-sign-out"></i>

With custom stroke width / thickness

<ss-icon icon="sign-out" thickness="1.2"></ss-icon>

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['sign-out'];
console.log(svg);

Icon Details

Property	Value
Name	Sign Out
Slug	sign-out
Tags	sign-out, logout, signout, exit, leave, account

SVG Path

M7 15 4 12 7 9M4 12h8m9 9-5-4V7l5-4M11 17v4H21V3H11V7

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="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M7 15 4 12 7 9M4 12h8m9 9-5-4V7l5-4M11 17v4H21V3H11V7"></path>
</svg>

---

← Back to Icon Library