Skip to content

Pushpin ​

Usage ​

With Web Components ​

html
<ss-icon icon="pushpin"></ss-icon>

With icon tag ​

html
<i class="ss ss-pushpin"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="pushpin" thickness="1.2"></ss-icon>

Node.js ​

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

Icon Details ​

PropertyValue
NamePushpin
Slugpushpin
Tagspushpin, pin item, pinned items, keep visible, affix, tack

SVG Path ​

M16.5 2.25l5.25 5.25M17.25 3l-4.5 4.5-3 .75-3 3 6 6 3-3 .75-3L21 6.75M9.75 14.25l-7.5 7.5

Raw SVG ​

html
<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="M16.5 2.25l5.25 5.25M17.25 3l-4.5 4.5-3 .75-3 3 6 6 3-3 .75-3L21 6.75M9.75 14.25l-7.5 7.5"></path>
</svg>

← Back to Icon Library