Add icons to this collection by clicking the heart icon.
Tram icon - also known as tram, public transport, and transportation. Created in a clean outline color style with a silver, gray, black, and teal finish, 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 128 128"
>
<linearGradient
id="d"
x1="64"
x2="64"
y1="99"
y2="44"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#96c8ea" />
</linearGradient>
<linearGradient
id="a"
x1="39"
x2="39"
y1="107"
y2="97"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#464f6b" />
<stop offset="1" stop-color="#575f7c" />
</linearGradient>
<linearGradient id="e" x1="49" x2="49" href="#a" />
<linearGradient id="f" x1="79" x2="79" href="#a" />
<linearGradient id="g" x1="89" x2="89" href="#a" />
<linearGradient
id="b"
x1="19"
x2="19"
y1="99"
y2="58"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949aaf" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient id="h" x1="109" x2="109" href="#b" />
<linearGradient
id="c"
x1="5"
x2="5"
y1="78"
y2="58"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient id="i" x1="123" x2="123" href="#c" />
<linearGradient id="j" x1="64" x2="64" href="#c" />
<path
fill="url(#d)"
d="M127 52.13V99H93l-2-2H77l-2 2H53l-2-2H37l-2 2H1V52.13A8.13 8.13 0 0 1 9.13 44h109.74a8.13 8.13 0 0 1 8.13 8.13z"
/>
<path
fill="#5b8dc9"
d="M127 95v4H93l-2-2H77l-2 2H53l-2-2H37l-2 2H1v-4h34l2-2h14l2 2h22l2-2h14l2 2z"
/>
<circle cx="39" cy="102" r="5" fill="url(#a)" />
<circle cx="49" cy="102" r="5" fill="url(#e)" />
<circle cx="79" cy="102" r="5" fill="url(#f)" />
<circle cx="89" cy="102" r="5" fill="url(#g)" />
<path fill="url(#b)" d="M9 58h20v41H9z" />
<path fill="url(#h)" d="M99 58h20v41H99z" />
<path fill="#8288a1" d="M9 95h20v4H9zM99 95h20v4H99z" />
<path fill="url(#c)" d="M1 58h8v20H1z" />
<path fill="url(#i)" d="M119 58h8v20h-8z" />
<path fill="#77cacb" d="M1 74h8v4H1zM119 74h8v4h-8z" />
<path fill="url(#j)" d="M29 58h70v20H29z" />
<path fill="#77cacb" d="M29 74h70v4H29z" />
<path fill="#949aaf" d="M37.42 44h-20l2-6h16zM110.58 44h-20l2-6h16z" />
<path fill="#8288a1" d="M37.42 44h-20l1-3h18zM110.58 44h-20l1-3h18z" />
<path fill="#d7dbe2" d="M97 29h8v9h-8z" />
<path fill="#c6ccda" d="M97 35h8v3h-8z" />
<path
fill="none"
stroke="#231f20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M1 107h126"
/>
<g fill="#3d465e">
<path d="M39 107a5 5 0 0 1-4.9-6 5 5 0 0 0 9.8 0 5 5 0 0 1-4.9 6z" />
<path
d="M49 107a5 5 0 0 1-4.9-6 5 5 0 0 0 9.8 0 5 5 0 0 1-4.9 6zM79 107a5 5 0 0 1-4.9-6 5 5 0 0 0 9.8 0 5 5 0 0 1-4.9 6z"
/>
<path d="M89 107a5 5 0 0 1-4.9-6 5 5 0 0 0 9.8 0 5 5 0 0 1-4.9 6z" />
</g>
<circle cx="86" cy="25" r="2" fill="#d7dbe2" />
<circle cx="115" cy="25" r="2" fill="#d7dbe2" />
<path
fill="#47566a"
d="M118.87 43h-7.57l-1.77-5.32c-.29-.87-1-.68-3.53-.68v-7c3.62 0 2 .53 7.15-2.66a3 3 0 0 0 4.67-1.34H127a1 1 0 0 0 0-2h-9.18a3 3 0 0 0-4.91-1.15C109 20 109 20 108.58 20c-17.5 0-16.2-.07-16.55.17l-4 2.65A3 3 0 0 0 83.18 24H1a1 1 0 0 0 0 2h82.18a3 3 0 0 0 4.87 1.18l4 2.65c.36.24.36.17 4 .17v7c-3.57 0-4.08-.19-4.37.68L89.86 43H38.14l-1.77-5.32a1 1 0 0 0-.95-.68h-16a1 1 0 0 0-1 .68L16.7 43H9.13A9.15 9.15 0 0 0 0 52.13V99a1 1 0 0 0 1 1h32.35a6 6 0 0 0 1.19 6H1a1 1 0 0 0 0 2h126a1 1 0 0 0 0-2H93.46a6 6 0 0 0 1.19-6H127a1 1 0 0 0 1-1V52.13a9.15 9.15 0 0 0-9.13-9.13zM115 24a1 1 0 0 1 0 2 1 1 0 0 1 0-2zm-29 2a1 1 0 0 1 0-2 1 1 0 0 1 0 2zm3-.61a2 2 0 0 0 0-.78L92.88 22h15.38c4.82 3.43 3.48 2.16 3.82 3.65L108.29 28H92.88zM98 30h6v7h-6zm-4.7 9h14.56l1.33 4H92zm-73.16 0H34.7l1.3 4H18.81zM8 77H2V59h6zm-6 2h6v19H2zm8 19V59h18v39zm53-39v18H49V59zm16 0v18H65V59zm19 0v18H81V59zM47 77H30V59h17zm-12 25a4.12 4.12 0 0 1 1.56-3.15A4 4 0 1 1 35 102zm48 0a4 4 0 0 1-8 0 4.12 4.12 0 0 1 1.56-3.15A4 4 0 0 1 83 102zm.46-4h1.08c-.78.87-.29.88-1.08 0zm1.08 8h-1.08c.78-.87.29-.88 1.08 0zm-10 0H53.46a6 6 0 0 0 1.19-6h18.7a6 6 0 0 0 1.19 6zm-23.1-7.15A4 4 0 1 1 45 102a4 4 0 0 1 6.44-3.15zm-6.9 7.15h-1.08c.78-.87.29-.88 1.08 0zm-1.08-8h1.08c-.78.87-.29.88-1.08 0zM85 102a4 4 0 0 1 6.44-3.15A4 4 0 1 1 85 102zm7.7-4.71c-1-1-1.18-1.29-1.7-1.29-15.19 0-14.29-.13-14.71.29C74.64 98 75 97.45 74.54 98H53.46a5.66 5.66 0 0 0-.76-.71c-1-1-1.18-1.29-1.7-1.29-15.19 0-14.29-.13-14.71.29C34.64 98 35 97.45 34.54 98H30V79h68v19c-5.64 0-4.09.24-5.3-.71zm7.3.71V59h18v39zm26-21h-6V59h6zm-6 21V79h6v19zm6-41H2v-4.87A7.14 7.14 0 0 1 9.13 45h109.74a7.14 7.14 0 0 1 7.13 7.13z"
/>
</svg>
More icons in the same style and category