Add icons to this collection by clicking the heart icon.
Tram icon - also known as transport, winter, snow, weather, tram, and transportation. Created in a clean lineal color style with a white, silver, gray, black, yellow, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M188.479 353.447H323.52v29.745H188.479Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#57758d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M188.479 353.447h20.446v29.745h-20.446z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#4b6276"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30z"
transform="translate(38.915 83.447)"
fill="#57758d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24c0-16.569 13.431-30 30-30 4.268 0 8.324.897 12 2.503C7.406-22.867 0-12.301 0 0"
transform="translate(62.915 83.447)"
fill="#4b6276"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30z"
transform="translate(128.5 83.447)"
fill="#57758d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24c0-16.569 13.431-30 30-30 4.268 0 8.324.897 12 2.503C7.406-22.867 0-12.301 0 0"
transform="translate(152.5 83.447)"
fill="#4b6276"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30z"
transform="translate(323.792 83.447)"
fill="#57758d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24c0-16.569 13.431-30 30-30 4.268 0 8.324.897 12 2.503C7.406-22.867 0-12.301 0 0"
transform="translate(347.792 83.447)"
fill="#4b6276"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30z"
transform="translate(413.377 83.447)"
fill="#57758d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24c0-16.569 13.431-30 30-30 4.268 0 8.324.897 12 2.503C7.406-22.867 0-12.301 0 0"
transform="translate(437.377 83.447)"
fill="#4b6276"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M23.511 158.447h465.01v165H23.511Z"
fill="#a95759"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v142.594h-22.406v-165h465.01V0Z"
transform="translate(45.916 180.852)"
fill="#924a4b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M23.511 113.447h89.926v45H23.511Z"
fill="#fff5bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.644h-22.356v-45h89.925V0z"
transform="translate(45.867 135.803)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M398.414 113.447h89.926v45h-89.926z"
fill="#fff5bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.644h-22.356v-45h89.925V0z"
transform="translate(420.77 135.803)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M188.471 113.447H323.55v45H188.471Z"
fill="#fff5bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M113.537 113.447H188.5v45h-74.963z"
fill="#fff5bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.644h-22.356v-45h74.962V0Z"
transform="translate(135.894 135.803)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.644h-22.356v-45h135.002V0Z"
transform="translate(210.875 135.803)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M323.571 113.447h74.963v45h-74.963z"
fill="#fff5bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.644h-22.356v-45h74.962V0Z"
transform="translate(345.928 135.803)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.547 82.992h496.937v30.455H7.547Z"
fill="#57758d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.547 82.992h22.171v30.455H7.547Z"
fill="#4b6276"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-466.915c-8.317 0-15.059-6.742-15.059-15.058 0-8.317 6.742-15.059 15.059-15.059h376.122v-22.951c0-8.249 6.687-14.936 14.936-14.936 8.249 0 14.937 6.687 14.937 14.936 0 8.249 6.687 22.951 14.936 22.951H0c8.317 0 15.058 6.742 15.058 15.059C15.058-6.742 8.317 0 0 0"
transform="translate(489.495 353.707)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.471-4.841-8.505-8.156-14.313-8.156-8.249 0-14.936 6.687-14.936 14.936v-22.526c0-8.249 6.687-14.936 14.936-14.936 8.249 0 14.936 6.687 14.936 14.936 0 3.941 1.527 7.525 4.02 10.194z"
transform="translate(427.951 316.628)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.316 6.742 15.058 15.058 15.058H-5.857c-8.317 0-15.059-6.742-15.059-15.058 0-8.317 6.742-15.059 15.059-15.059h20.915C6.742-15.059 0-8.317 0 0"
transform="translate(28.437 338.648)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.521 7.537h497.032V38.51H7.521Z"
fill="#b6e6fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.521 7.537h22.197V38.51H7.521Z"
fill="#8ad8f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M23.5 203.447h59.81v75H23.5Z"
fill="#94b7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v52.617h-22.383v-75h59.81V0z"
transform="translate(45.883 225.83)"
fill="#5b92f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M428.711 203.447h59.81v75h-59.81z"
fill="#94b7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v52.66h-22.34v-75h59.809V0Z"
transform="translate(451.052 225.787)"
fill="#5b92f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M218.564 203.447h75.005v75h-75.005z"
fill="#94b7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v52.66h-22.34v-75h75.005V0Z"
transform="translate(240.904 225.787)"
fill="#5b92f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M323.55 158.447h75.005v120H323.55Z"
fill="#94b7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v97.548h-22.452v-120h75.005V0Z"
transform="translate(346.002 180.899)"
fill="#5b92f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M113.465 158.447h75.005v120h-75.005z"
fill="#94b7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v97.42h-22.58v-120h75.006V0Z"
transform="translate(136.045 181.026)"
fill="#5b92f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15.053"
transform="translate(53.405 256)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.053"
transform="translate(248.469 256)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.053"
transform="translate(458.616 256)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-135c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(323.5 473.58)"
fill="#fead35"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.285 6.716 15 15 15H-5.426c-8.284 0-15-6.715-15-15 0-8.284 6.716-15 15-15H15C6.716-15 0-8.284 0 0"
transform="translate(193.925 488.58)"
fill="#fe7828"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-413.479v30.973H83.553V0H45"
transform="translate(421 7.537)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15"
transform="translate(451 7.537)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-210h-465.01V0"
transform="translate(488.52 323.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-59.81v-75H0"
transform="translate(488.52 278.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v165.085h-75.064V0"
transform="translate(398.584 113.362)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M218.505 203.447h75.064v75h-75.064z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h59.809v-75H0"
transform="translate(23.5 278.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v37.5h75.064v-165.085"
transform="translate(113.436 240.947)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v112.638"
transform="translate(113.436 113.362)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h465.011"
transform="translate(23.51 158.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-338.479c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h376.19v-22.745c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15V-45c0 8.284 6.716 15 15 15h45.773c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15H15"
transform="translate(361 353.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.989v-30h497.032V-.085H465.01"
transform="translate(23.51 113.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30"
transform="translate(38.915 83.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30"
transform="translate(128.5 83.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30"
transform="translate(323.792 83.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30"
transform="translate(413.377 83.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v29.745h135.041V0"
transform="translate(188.48 353.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-135c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(323.5 473.58)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h173.5"
transform="translate(338.5 488.58)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-173.5"
transform="translate(173.5 488.58)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30.037-45.432 30-44.957"
transform="translate(256.037 473.58)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category