Skip to content

Sailboat ​

Usage ​

With Web Components ​

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

With icon tag ​

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

With custom stroke width / thickness ​

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

Node.js ​

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

Icon Details ​

PropertyValue
NameSailboat
Slugsailboat
Tagssailboat, boat, sail, sailing, water, sea, transport, travel

SVG Path ​

M12 3v13.5M9 5.25 3 13.5h6V5.25ZM15 6.75l6 6.75h-6V6.75ZM2.25 16.5h19.5l-3 4.5H6l-3.75-4.5Z

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="M12 3v13.5M9 5.25 3 13.5h6V5.25ZM15 6.75l6 6.75h-6V6.75ZM2.25 16.5h19.5l-3 4.5H6l-3.75-4.5Z"></path>
</svg>

← Back to Icon Library