Route
Usage
With Web Components
html
<ss-icon icon="route"></ss-icon>With icon tag
html
<i class="ss ss-route"></i>With custom stroke width / thickness
html
<ss-icon icon="route" thickness="1.2"></ss-icon>Node.js
javascript
const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['route'];
console.log(svg);Icon Details
| Property | Value |
|---|---|
| Name | Route |
| Slug | route |
| Tags | route, itinerary, directions, journey, origin destination, waypoints |
SVG Path
M3 4.5a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM16.5 19.5a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM5.25 6.75V9a3 3 0 0 0 3 3h7.5a3 3 0 0 1 3 3v2.25Raw 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="M3 4.5a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM16.5 19.5a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM5.25 6.75V9a3 3 0 0 0 3 3h7.5a3 3 0 0 1 3 3v2.25"></path>
</svg>