Add icons to this collection by clicking the heart icon.
Train icon - also known as transport, directions, tube, travel, public, railway, train, public transport, transportation, subway, and metro. 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="512"
height="512"
viewBox="0 0 64 64"
>
<defs>
<linearGradient
id="a"
x1="32.538"
x2="31.003"
y1="62.785"
y2="1.891"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".716" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="23.404"
x2="21.867"
y1="63.015"
y2="2.063"
href="#a"
/>
<linearGradient
id="c"
x1="41.392"
x2="39.856"
y1="62.562"
y2="1.61"
href="#a"
/>
<linearGradient
id="d"
x1="32.423"
x2="30.887"
y1="62.788"
y2="1.836"
href="#a"
/>
<linearGradient
id="e"
x1="32.348"
x2="30.811"
y1="62.79"
y2="1.838"
href="#a"
/>
<linearGradient
id="f"
x1="33.28"
x2="31.743"
y1="62.766"
y2="1.814"
href="#a"
/>
<linearGradient
id="g"
x1="37.277"
x2="35.741"
y1="62.665"
y2="1.714"
href="#a"
/>
<linearGradient
id="h"
x1="29.282"
x2="27.746"
y1="62.867"
y2="1.915"
href="#a"
/>
</defs>
<path
d="M53 49V21a7.009 7.009 0 0 0-7-7h-5v-1a5.006 5.006 0 0 0-5-5h-3V4h15V2H16v2h15v4h-3a5.006 5.006 0 0 0-5 5v1h-5a7.009 7.009 0 0 0-7 7v28a5.006 5.006 0 0 0 5 5h1.382l-1 2H13v2h2.382l-1 2H11v2h42v-2h-3.382l-1-2H51v-2h-3.382l-1-2H48a5.006 5.006 0 0 0 5-5ZM25 13a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1H25Zm-12 8a5.006 5.006 0 0 1 5-5h28a5.006 5.006 0 0 1 5 5v19h-2V23a3 3 0 0 0-3-3H18a3 3 0 0 0-3 3v17h-2Zm34 2v17H33V22h13a1 1 0 0 1 1 1Zm-16-1v18H17V23a1 1 0 0 1 1-1Zm16.382 38H16.618l1-2h28.764Zm-28.764-4 1-2h24.764l1 2ZM16 52a3 3 0 0 1-3-3v-7h38v7a3 3 0 0 1-3 3Z"
fill="url(#a)"
/>
<path
d="M25 44h-4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2Zm-4 4v-2h4v2Z"
fill="url(#b)"
/>
<path
d="M43 44h-4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2Zm0 4h-4v-2h4Z"
fill="url(#c)"
/>
<path d="M29 45h6v2h-6z" fill="url(#d)" />
<path d="M29 48h6v2h-6z" fill="url(#e)" />
<circle cx="32" cy="12" r="1" fill="url(#f)" />
<circle cx="36" cy="12" r="1" fill="url(#g)" />
<circle cx="28" cy="12" r="1" fill="url(#h)" />
</svg>
More icons in the same style and category