{
"name": "train-track",
"title": "Train track",
"component": "TrainTrackIcon",
"url": "https://gentleface.com/icons/train-track",
"category": "transport",
"motif": "train-track",
"added": "2026-11-06",
"since": "0.4.0",
"history": [
{
"date": "2026-11-06",
"what": [
"20 px drawn",
"24 px drawn",
"added",
"released in 0.4.0"
]
}
],
"geometry_hash": "8f3f0d76b888",
"use_for": [
"train track",
"rail line",
"railway line",
"railroad track"
],
"dont_confuse_with": [
{
"icon": "footprints",
"why": "trail or footprints, not rail tracks",
"concept": "train-track"
}
],
"also_fits": [
{
"concept": "road",
"owner": "road",
"why": "a rail line"
}
],
"not_for": [
{
"concept": "footprints",
"owner": "footprints",
"why": "rail tracks, not footprints"
}
],
"family": [],
"tags": [
"train-track",
"rail-line",
"railway",
"railroad",
"rails",
"track",
"sleepers",
"train",
"rail",
"tram-line"
],
"size": 16,
"styles": [
"line-round",
"line-soft",
"line-sharp",
"solid-round",
"solid-soft",
"solid-sharp"
],
"default_style": "line-round",
"svg": {
"line-round": "",
"line-soft": "",
"line-sharp": "",
"solid-round": "",
"solid-soft": "",
"solid-sharp": ""
},
"svg_url": {
"line-round": "https://gentleface.com/svg/line-round/16/train-track.svg",
"line-soft": "https://gentleface.com/svg/line-soft/16/train-track.svg",
"line-sharp": "https://gentleface.com/svg/line-sharp/16/train-track.svg",
"solid-round": "https://gentleface.com/svg/solid-round/16/train-track.svg",
"solid-soft": "https://gentleface.com/svg/solid-soft/16/train-track.svg",
"solid-sharp": "https://gentleface.com/svg/solid-sharp/16/train-track.svg"
},
"png_url": {
"line-round": {
"16": "https://gentleface.com/png/line-round/16/train-track.png",
"32": "https://gentleface.com/png/line-round/32/train-track.png",
"48": "https://gentleface.com/png/line-round/48/train-track.png"
},
"line-soft": {
"16": "https://gentleface.com/png/line-soft/16/train-track.png",
"32": "https://gentleface.com/png/line-soft/32/train-track.png",
"48": "https://gentleface.com/png/line-soft/48/train-track.png"
},
"line-sharp": {
"16": "https://gentleface.com/png/line-sharp/16/train-track.png",
"32": "https://gentleface.com/png/line-sharp/32/train-track.png",
"48": "https://gentleface.com/png/line-sharp/48/train-track.png"
},
"solid-round": {
"16": "https://gentleface.com/png/solid-round/16/train-track.png",
"32": "https://gentleface.com/png/solid-round/32/train-track.png",
"48": "https://gentleface.com/png/solid-round/48/train-track.png"
},
"solid-soft": {
"16": "https://gentleface.com/png/solid-soft/16/train-track.png",
"32": "https://gentleface.com/png/solid-soft/32/train-track.png",
"48": "https://gentleface.com/png/solid-soft/48/train-track.png"
},
"solid-sharp": {
"16": "https://gentleface.com/png/solid-sharp/16/train-track.png",
"32": "https://gentleface.com/png/solid-sharp/32/train-track.png",
"48": "https://gentleface.com/png/solid-sharp/48/train-track.png"
}
},
"npm": {
"react": "import { TrainTrackIcon } from '@gentleface/react';",
"svg": "@gentleface/icons/svg/line-round/16/train-track.svg",
"cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/train-track.svg",
"version": "0.6.0"
},
"license": "MIT",
"author": "Alexander Kiselev",
"motion": {
"name": "train-track-lay",
"does": "The rails are pulled up along their length and the sleepers are lifted away. Then the track is laid again: the sleepers drop in one by one from the near end, and the two rails run out along them.",
"url": "https://gentleface.com/motion/train-track-lay.svg",
"style": "line-round",
"size": 16,
"duration": 3.2,
"frames": [
0.25,
2.5
],
"svg": "",
"react": "// Gentleface \"train-track\" animated (train-track-lay), MIT. https://gentleface.com/icons/train-track\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const TrainTrackLayIcon = forwardRef>(function TrainTrackLayIcon(props, ref) {\n return (\n \n );\n});",
"how_to_play": "https://gentleface.com/animated-icons.md"
}
}