Add icons to this collection by clicking the heart icon.
Train icon - also known as transport, travel, street, train, rail, transportation, logistics delivery, travelling, rails, architecture and city, and shipping and delivery. 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 480 480"
>
<linearGradient
id="a"
x1="-58.689"
x2="5.325"
y1="594.597"
y2="594.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M8 291.972h208a8 8 0 0 0 8-8v-128a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8zm8-128h192v112H16v-112z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.689"
x2="5.325"
y1="578.597"
y2="578.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M32 395.972c17.673 0 32-14.327 32-32a31.675 31.675 0 0 0-4.448-16h104.896a31.675 31.675 0 0 0-4.448 16c0 17.673 14.327 32 32 32s32-14.327 32-32a31.666 31.666 0 0 0-4.8-16.672 8.001 8.001 0 0 0 4.8-7.328v-32a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v32a8.001 8.001 0 0 0 4.8 7.328A31.666 31.666 0 0 0 0 363.972c0 17.674 14.327 32 32 32zm16-32c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.164 16 16zm144 16c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16zm-176-64h192v16H16v-16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.689"
x2="5.325"
y1="578.594"
y2="578.594"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M472 299.972H248a8 8 0 0 0-8 8v32a8.001 8.001 0 0 0 4.8 7.328 31.666 31.666 0 0 0-4.8 16.672c-.078 17.598 14.125 31.927 31.722 32.005A31.868 31.868 0 0 0 296 384.916c11.444 13.345 31.54 14.887 44.885 3.442 11.73-10.059 14.542-27.091 6.667-40.386h72.896a31.675 31.675 0 0 0-4.448 16c0 17.673 14.327 32 32 32s32-14.327 32-32a31.666 31.666 0 0 0-4.8-16.672 8.001 8.001 0 0 0 4.8-7.328v-32a8 8 0 0 0-8-8zm-216 16h208v16H256v-16zm16 64c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16zm64-16c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.164 16 16zm112 16c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-58.689"
x2="5.325"
y1="595.597"
y2="595.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M368 179.972a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-58.689"
x2="5.325"
y1="595.597"
y2="595.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M336 179.972a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-58.689"
x2="5.325"
y1="595.597"
y2="595.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M304 179.972a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-58.689"
x2="5.325"
y1="597.597"
y2="597.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M240 155.972v128a8 8 0 0 0 8 8h224a8 8 0 0 0 7.76-9.944l-32-128a8.001 8.001 0 0 0-7.76-6.056h-16v-40a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v40H248a8 8 0 0 0-8 8zm209.752 72H408v-32h33.752l8 32zm-73.752-112h32v32h-32v-32zm-120 48h177.752l4 16H400a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h53.752l8 32H256v-112z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-58.689"
x2="5.325"
y1="598.597"
y2="598.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M32 179.972h16v16H32v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-58.689"
x2="5.325"
y1="590.597"
y2="590.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M32 243.972h16v16H32v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-58.689"
x2="5.325"
y1="598.597"
y2="598.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M80 179.972h16v16H80v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-58.689"
x2="5.325"
y1="590.597"
y2="590.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M80 243.972h16v16H80v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-58.689"
x2="5.325"
y1="598.597"
y2="598.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M128 179.972h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-58.689"
x2="5.325"
y1="590.597"
y2="590.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M128 243.972h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-58.689"
x2="5.325"
y1="598.597"
y2="598.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M176 179.972h16v16h-16v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-58.689"
x2="5.325"
y1="590.597"
y2="590.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M176 243.972h16v16h-16v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-58.689"
x2="5.325"
y1="606.597"
y2="606.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M312 115.972h32v16h-32v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-58.689"
x2="5.325"
y1="610.597"
y2="610.597"
gradientTransform="matrix(8 0 0 -8 455 4976.752)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M264 83.972h80v16h-80v-16z" fill="url(#q)" />
</svg>
More icons in the same style and category