Add icons to this collection by clicking the heart icon.
Train icon - also known as transport, travel, public, railway, train, transportation, and subway. Created in a clean lineal gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 496.115 496.115"
>
<linearGradient
id="a"
x1="-47.62"
x2="27.384"
y1="561.608"
y2="636.612"
gradientTransform="matrix(8 0 0 -8 397.911 5013.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="m405.812 482.361-34.344-34.344h20.688a8 8 0 0 0 8-8v-312c0-39.032-41.856-71.288-101.504-83.104l10.168-20.344a170.41 170.41 0 0 1 23.92 9.048 7.863 7.863 0 0 0 3.408.8 8 8 0 0 0 3.424-15.2 215.36 215.36 0 0 0-91.416-19.2 215.363 215.363 0 0 0-91.416 19.104 8.012 8.012 0 1 0 6.832 14.496 170.353 170.353 0 0 1 23.92-9.016l10.168 20.344c-59.648 11.784-101.504 44.04-101.504 83.072v312a8 8 0 0 0 8 8h20.688L90.5 482.361a8 8 0 0 0-.196 11.312 8 8 0 0 0 11.508 0l45.656-45.656h201.376l45.656 45.656a8 8 0 0 0 11.312-11.312zM203.356 20.497a226.401 226.401 0 0 1 89.6 0l-10.84 21.704a265.122 265.122 0 0 0-67.92 0l-10.84-21.704zm-91.2 107.52c0-39.032 62.28-72 136-72s136 32.968 136 72v304h-89.44l-14.72-73.6a8 8 0 0 0-7.84-6.4h-48a8 8 0 0 0-7.84 6.4l-14.72 73.6h-89.44v-304zm105.76 304 12.8-64h34.896l12.8 64h-60.496z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-51.688"
x2="23.32"
y1="565.674"
y2="640.682"
gradientTransform="matrix(8 0 0 -8 397.911 5013.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M368.156 288.017a8 8 0 0 0 8-8v-112a8 8 0 0 0-8-8h-49.76l-14.48-57.936a8 8 0 0 0-7.76-6.064h-96a8 8 0 0 0-7.76 6.064l-14.48 57.936h-49.76a8 8 0 0 0-8 8v112a8 8 0 0 0 8 8h240zm-161.752-176h83.504l12 48H194.404l12-48zm-70.248 64h224v96h-224v-96z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-51.688"
x2="23.32"
y1="565.674"
y2="640.682"
gradientTransform="matrix(8 0 0 -8 397.911 5013.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M344.156 184.017h-192a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-176v-48h176v48z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-46.189"
x2="28.819"
y1="560.173"
y2="635.18"
gradientTransform="matrix(8 0 0 -8 397.911 5013.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M360.156 304.017h-224a8 8 0 0 0 0 16h224a8 8 0 0 0 0-16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-44.689"
x2="30.321"
y1="558.673"
y2="633.681"
gradientTransform="matrix(8 0 0 -8 397.911 5013.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M288.156 328.017h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-47.689"
x2="27.321"
y1="561.673"
y2="636.681"
gradientTransform="matrix(8 0 0 -8 397.911 5013.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M192.156 376.017c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32 32-14.327 32-32zm-48 0c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16-16-7.163-16-16z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-36.689"
x2="38.321"
y1="550.674"
y2="625.679"
gradientTransform="matrix(8 0 0 -8 397.911 5013.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M336.156 344.017c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.164 16-16 16z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-60.688"
x2="14.32"
y1="574.674"
y2="649.682"
gradientTransform="matrix(8 0 0 -8 397.911 5013.152)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M216.156 88.017h64a8 8 0 0 0 0-16h-64a8 8 0 0 0 0 16z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category