Add icons to this collection by clicking the heart icon.
Train icon - also known as transport, public, railway, train, transportation, and subway. 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="-43.263"
x2="-26.143"
y1="633.378"
y2="616.258"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M480 96H32c-17.643 0-32 14.357-32 32v192c0 17.643 14.357 32 32 32h448c17.643 0 32-14.357 32-32V128c0-17.643-14.357-32-32-32zM85.333 330.667H32c-5.888 0-10.667-4.779-10.667-10.667V128c0-5.888 4.779-10.667 10.667-10.667h53.333v213.334zm21.334 0V117.333h122.112l-96.981 213.333h-25.131zm48.554 0 96.96-213.333h7.595l96.981 213.333H155.221zm250.112 0h-25.131l-96.981-213.333h122.112v213.333zM490.667 320c0 5.888-4.779 10.667-10.667 10.667h-53.333V117.333H480c5.888 0 10.667 4.779 10.667 10.667v192z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-28.263"
x2="-26.143"
y1="618.378"
y2="616.258"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M384 384c0 17.643 14.357 32 32 32s32-14.357 32-32-14.357-32-32-32-32 14.357-32 32zm32-10.667c5.888 0 10.667 4.779 10.667 10.667s-4.779 10.667-10.667 10.667-10.667-4.779-10.667-10.667 4.779-10.667 10.667-10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-31.263"
x2="-29.143"
y1="618.378"
y2="616.258"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352 352c-17.643 0-32 14.357-32 32s14.357 32 32 32 32-14.357 32-32-14.357-32-32-32zm0 42.667c-5.888 0-10.667-4.779-10.667-10.667s4.779-10.667 10.667-10.667 10.667 4.779 10.667 10.667-4.779 10.667-10.667 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-40.263"
x2="-38.143"
y1="618.378"
y2="616.258"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M128 384c0 17.643 14.357 32 32 32s32-14.357 32-32-14.357-32-32-32-32 14.357-32 32zm32-10.667c5.888 0 10.667 4.779 10.667 10.667s-4.779 10.667-10.667 10.667-10.667-4.779-10.667-10.667 4.779-10.667 10.667-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.263"
x2="-41.143"
y1="618.378"
y2="616.258"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M96 352c-17.643 0-32 14.357-32 32s14.357 32 32 32 32-14.357 32-32-14.357-32-32-32zm0 42.667c-5.888 0-10.667-4.779-10.667-10.667S90.112 373.333 96 373.333s10.667 4.779 10.667 10.667-4.779 10.667-10.667 10.667z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category