Add icons to this collection by clicking the heart icon.
Train icon - also known as transport, travel, street, train, transportation, logistics delivery, trains, travelling, and rails. Created in a clean flat 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"
>
<linearGradient
id="a"
x1="34"
x2="58"
y1="21"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#673ab7" />
<stop offset="1" stop-color="#2196f3" />
</linearGradient>
<linearGradient id="b" x1="2" x2="34" y1="35" y2="35" href="#a" />
<linearGradient id="c" x1="30" x2="62" y1="10" y2="10" href="#a" />
<linearGradient id="d" x1="13" x2="21" y1="22" y2="22" href="#a" />
<linearGradient id="e" y1="37" y2="37" href="#a" />
<linearGradient id="f" x1="16" x2="56" y1="59" y2="59" href="#a" />
<linearGradient id="g" x1="60" x2="64" y1="58" y2="58" href="#a" />
<g>
<path fill="url(#a)" d="M34 12h24v18H34z" />
<path
fill="url(#b)"
d="M13 24h21v22H13A11 11 0 0 1 2 35a11 11 0 0 1 11-11z"
/>
<rect width="32" height="8" x="30" y="6" fill="url(#c)" rx="3" />
<path
fill="url(#d)"
d="M16 18h2a3 3 0 0 1 3 3v5h-8v-5a3 3 0 0 1 3-3z"
/>
<g fill="#663bb8">
<circle cx="53" cy="45" r="11" />
<circle cx="36" cy="50" r="6" />
<circle cx="24" cy="50" r="6" />
<path
d="M13 46v5.9a1 1 0 0 1-1 1H4.59a1 1 0 0 1-.9-1.43l3.53-7.32a1 1 0 0 1 1.44-.4 8.45 8.45 0 0 0 3.5 1.25 1 1 0 0 1 .84 1z"
/>
</g>
<path
fill="#663bb8"
d="M42 24a2 2 0 0 1-2-2v-2a2 2 0 0 1 4 0v2a2 2 0 0 1-2 2zM50 24a2 2 0 0 1-2-2v-2a2 2 0 0 1 4 0v2a2 2 0 0 1-2 2z"
/>
<path fill="url(#e)" d="M34 28v18h22a2 2 0 0 0 2-2V28z" />
<path
fill="url(#f)"
d="M54 56H18a2 2 0 0 0 0 4h2a2 2 0 0 0 4 0h5a2 2 0 0 0 4 0h5a2 2 0 0 0 4 0h5a2 2 0 0 0 4 0h3a2 2 0 0 0 0-4z"
/>
<circle cx="62" cy="58" r="2" fill="url(#g)" />
<path fill="#663bb8" d="M34 30H19a2 2 0 0 0 0 4h15z" />
</g>
</svg>
More icons in the same style and category