Skip to content

Train ​

Usage ​

With Web Components ​

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

With icon tag ​

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

With custom stroke width / thickness ​

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

Node.js ​

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

Icon Details ​

PropertyValue
NameTrain
Slugtrain
Tagstrain, rail, railway, railroad, transport, travel, transit

SVG Path ​

M7.5 3h9A2.25 2.25 0 0 1 18.75 5.25v10.5A2.25 2.25 0 0 1 16.5 18h-9a2.25 2.25 0 0 1-2.25-2.25V5.25A2.25 2.25 0 0 1 7.5 3ZM5.25 10.5h13.5M12 3v7.5M8.25 14.25h0M15.75 14.25h0M8.25 18l-3 3M15.75 18l3 3

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="M7.5 3h9A2.25 2.25 0 0 1 18.75 5.25v10.5A2.25 2.25 0 0 1 16.5 18h-9a2.25 2.25 0 0 1-2.25-2.25V5.25A2.25 2.25 0 0 1 7.5 3ZM5.25 10.5h13.5M12 3v7.5M8.25 14.25h0M15.75 14.25h0M8.25 18l-3 3M15.75 18l3 3"></path>
</svg>

← Back to Icon Library