Add icons to this collection by clicking the heart icon.
Train icon - also known as transport, travel, street, train, mrt, transportation, travelling, and rails. Created in a clean 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 512 512"
>
<linearGradient
id="a"
x1="-44.87"
x2="-27.043"
y1="644.024"
y2="626.197"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 341.333h315.797l39.552 39.552a10.656 10.656 0 0 0 7.531 3.115h64c24.683 0 46.912-11.712 61.013-32.128 14.144-20.48 17.323-46.656 8.448-70.037L465.835 174.55c-20.352-53.355-72.107-89.216-128.768-89.216h-326.4C4.779 85.333 0 90.112 0 96s4.779 10.667 10.667 10.667h326.4c34.987 0 67.648 16.32 89.493 42.667H309.333a10.644 10.644 0 0 0-8.64 4.416c-2.027 2.773-2.56 6.357-1.472 9.621l21.333 64a10.668 10.668 0 0 0 10.112 7.296h135.403l21.013 54.763c6.464 17.024 4.245 35.371-6.08 50.304-10.048 14.571-25.899 22.933-43.456 22.933h-59.584l-39.552-39.552a10.693 10.693 0 0 0-7.531-3.115H10.667C4.779 320 0 324.779 0 330.667s4.779 10.666 10.667 10.666zm327.68-128-14.229-42.667h116.373c1.92 3.755 3.904 7.488 5.44 11.499l11.968 31.168H338.347z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.057"
x2="-35.35"
y1="632.838"
y2="625.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 384h298.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H10.667C4.779 362.667 0 367.445 0 373.333S4.779 384 10.667 384z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-40.805"
x2="-28.602"
y1="633.088"
y2="620.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 405.333H10.667C4.779 405.333 0 410.112 0 416s4.779 10.667 10.667 10.667h490.667c5.888 0 10.667-4.779 10.667-10.667-.001-5.888-4.78-10.667-10.668-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-44.808"
x2="-37.098"
y1="641.087"
y2="633.382"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M0 224c0 5.888 4.779 10.667 10.667 10.667h234.667c3.435 0 6.635-1.643 8.64-4.437 2.027-2.773 2.56-6.357 1.472-9.621l-21.333-64a10.676 10.676 0 0 0-10.112-7.275H10.667C4.779 149.333 0 154.112 0 160s4.779 10.667 10.667 10.667H216.32l14.229 42.667H10.667C4.779 213.333 0 218.112 0 224z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category