Anchor

Usage

With Web Components

<ss-icon icon="anchor"></ss-icon>

With icon tag

<i class="ss ss-anchor"></i>

With custom stroke width / thickness

<ss-icon icon="anchor" thickness="1.2"></ss-icon>

Node.js

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

Icon Details

Property	Value
Name	Anchor
Slug	anchor
Tags	anchor, anchor link, section anchor, permalink target, document destination, jump target

SVG Path

M9.75 4.5a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM12 6.75v15M7.5 10.5h9M3.75 14.25v2.25a8.25 5.25 0 0 0 16.5 0v-2.25M2.25 16.5l1.5-2.25L6 15M18 15l2.25-.75 1.5 2.25

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="M9.75 4.5a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM12 6.75v15M7.5 10.5h9M3.75 14.25v2.25a8.25 5.25 0 0 0 16.5 0v-2.25M2.25 16.5l1.5-2.25L6 15M18 15l2.25-.75 1.5 2.25"></path>
</svg>

---

← Back to Icon Library