Arrow Right On Rectangle

Legacy name: the arrow points left into the door. Prefer sign-in for this action. The legacy name and drawing are preserved for compatibility.

Usage

With Web Components

<ss-icon icon="arrow-right-on-rectangle"></ss-icon>

With icon tag

<i class="ss ss-arrow-right-on-rectangle"></i>

With custom stroke width / thickness

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

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['arrow-right-on-rectangle'];
console.log(svg);

Icon Details

Property	Value
Name	Arrow Right On Rectangle
Slug	arrow-right-on-rectangle
Tags	login, enter, signin, join, access, door, legacy, arrow-right-on-rectangle

SVG Path

M21 12H8m3 3-3-3m0 0 3-3m4 6v4a2.25 2.25 0 01-2 2H5A2.25 2.25 0 013 19V5A2.25 2.25 0 015 3h8a2.25 2.25 0 012 2V9

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="M21 12H8m3 3-3-3m0 0 3-3m4 6v4a2.25 2.25 0 01-2 2H5A2.25 2.25 0 013 19V5A2.25 2.25 0 015 3h8a2.25 2.25 0 012 2V9"></path>
</svg>

---

← Back to Icon Library