tram icon
tram-bold-duotone from Solar by 480 Design · Bold Duotone · Parts · CC-BY-4.0 Attribution required.
- Name
- tram-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Parts
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
tramCarbontramEmoji One (Colored)tram-fillFramework7 IconstramFont Awesome SolidtramFluent EmojitramFluent Emoji FlattramFluent Emoji High ContrasttramFirefox OS EmojitramHuge IconstramIconoirtramLine AwesometramMaterial SymbolstramMaterial Symbols LighttramMaterial Design IconstramNoto EmojitramOpenMojitramPhosphortramTwitter Emoji
More parts icons from Solar
bus-boldcar-battery-boldcar-boldelectric-refueling-boldgas-station-boldkick-scooter-boldscooter-boldshock-absorber-boldspeedometer-low-boldspeedometer-max-boldspeedometer-middle-boldsuspension-boldsuspension-bolt-boldsuspension-cross-boldtransmission-boldtransmission-circle-boldtransmission-square-boldwheel-angle-boldwheel-bold
Use the tram icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M6.3754 19.5722C5.89783 19.4015 5.50554 19.1626 5.17135 18.8284C4.19702 17.8541 4.03299 16.3859 4.00537 13.75H19.9942C19.9666 16.3859 19.8025 17.8541 18.8282 18.8284C18.4941 19.1625 18.1019 19.4014 17.6244 19.5721L18.6708 21.6648C18.856 22.0352 18.7058 22.4857 18.3354 22.671C17.9649 22.8562 17.5144 22.7061 17.3291 22.3356L16.1052 19.8877C15.0568 20 13.7258 20 11.9998 20C10.274 20 8.94302 20 7.89469 19.8877L6.67077 22.3356C6.48552 22.7061 6.03502 22.8562 5.66453 22.671C5.29405 22.4857 5.14388 22.0352 5.32912 21.6648L6.3754 19.5722ZM14.7498 16C14.7498 15.5858 15.0856 15.25 15.4998 15.25H16.9998C17.414 15.25 17.7498 15.5858 17.7498 16C17.7498 16.4142 17.414 16.75 16.9998 16.75H15.4998C15.0856 16.75 14.7498 16.4142 14.7498 16ZM6.99978 15.25C6.58557 15.25 6.24978 15.5858 6.24978 16C6.24978 16.4142 6.58557 16.75 6.99978 16.75H8.49978C8.91399 16.75 9.24978 16.4142 9.24978 16C9.24978 15.5858 8.91399 15.25 8.49978 15.25H6.99978Z" clip-rule="evenodd"/><path d="M5.17157 3.17104C4 4.34261 4 6.22823 4 9.99947V13.7495H20V9.99947C20 6.22823 20 4.34261 18.8284 3.17104C17.9495 2.29215 16.6688 2.07259 14.4917 2.01773C14.2216 2.01093 14 2.22928 14 2.49947C14 3.60404 13.1046 4.49947 12 4.49947C10.8954 4.49947 10 3.60404 10 2.49947C10 2.22928 9.77845 2.01093 9.50835 2.01773C7.33118 2.07259 6.05046 2.29215 5.17157 3.17104Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTramBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M6.3754 19.5722C5.89783 19.4015 5.50554 19.1626 5.17135 18.8284C4.19702 17.8541 4.03299 16.3859 4.00537 13.75H19.9942C19.9666 16.3859 19.8025 17.8541 18.8282 18.8284C18.4941 19.1625 18.1019 19.4014 17.6244 19.5721L18.6708 21.6648C18.856 22.0352 18.7058 22.4857 18.3354 22.671C17.9649 22.8562 17.5144 22.7061 17.3291 22.3356L16.1052 19.8877C15.0568 20 13.7258 20 11.9998 20C10.274 20 8.94302 20 7.89469 19.8877L6.67077 22.3356C6.48552 22.7061 6.03502 22.8562 5.66453 22.671C5.29405 22.4857 5.14388 22.0352 5.32912 21.6648L6.3754 19.5722ZM14.7498 16C14.7498 15.5858 15.0856 15.25 15.4998 15.25H16.9998C17.414 15.25 17.7498 15.5858 17.7498 16C17.7498 16.4142 17.414 16.75 16.9998 16.75H15.4998C15.0856 16.75 14.7498 16.4142 14.7498 16ZM6.99978 15.25C6.58557 15.25 6.24978 15.5858 6.24978 16C6.24978 16.4142 6.58557 16.75 6.99978 16.75H8.49978C8.91399 16.75 9.24978 16.4142 9.24978 16C9.24978 15.5858 8.91399 15.25 8.49978 15.25H6.99978Z" clipRule="evenodd"/><path d="M5.17157 3.17104C4 4.34261 4 6.22823 4 9.99947V13.7495H20V9.99947C20 6.22823 20 4.34261 18.8284 3.17104C17.9495 2.29215 16.6688 2.07259 14.4917 2.01773C14.2216 2.01093 14 2.22928 14 2.49947C14 3.60404 13.1046 4.49947 12 4.49947C10.8954 4.49947 10 3.60404 10 2.49947C10 2.22928 9.77845 2.01093 9.50835 2.01773C7.33118 2.07259 6.05046 2.29215 5.17157 3.17104Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M6.3754 19.5722C5.89783 19.4015 5.50554 19.1626 5.17135 18.8284C4.19702 17.8541 4.03299 16.3859 4.00537 13.75H19.9942C19.9666 16.3859 19.8025 17.8541 18.8282 18.8284C18.4941 19.1625 18.1019 19.4014 17.6244 19.5721L18.6708 21.6648C18.856 22.0352 18.7058 22.4857 18.3354 22.671C17.9649 22.8562 17.5144 22.7061 17.3291 22.3356L16.1052 19.8877C15.0568 20 13.7258 20 11.9998 20C10.274 20 8.94302 20 7.89469 19.8877L6.67077 22.3356C6.48552 22.7061 6.03502 22.8562 5.66453 22.671C5.29405 22.4857 5.14388 22.0352 5.32912 21.6648L6.3754 19.5722ZM14.7498 16C14.7498 15.5858 15.0856 15.25 15.4998 15.25H16.9998C17.414 15.25 17.7498 15.5858 17.7498 16C17.7498 16.4142 17.414 16.75 16.9998 16.75H15.4998C15.0856 16.75 14.7498 16.4142 14.7498 16ZM6.99978 15.25C6.58557 15.25 6.24978 15.5858 6.24978 16C6.24978 16.4142 6.58557 16.75 6.99978 16.75H8.49978C8.91399 16.75 9.24978 16.4142 9.24978 16C9.24978 15.5858 8.91399 15.25 8.49978 15.25H6.99978Z" clip-rule="evenodd"/><path d="M5.17157 3.17104C4 4.34261 4 6.22823 4 9.99947V13.7495H20V9.99947C20 6.22823 20 4.34261 18.8284 3.17104C17.9495 2.29215 16.6688 2.07259 14.4917 2.01773C14.2216 2.01093 14 2.22928 14 2.49947C14 3.60404 13.1046 4.49947 12 4.49947C10.8954 4.49947 10 3.60404 10 2.49947C10 2.22928 9.77845 2.01093 9.50835 2.01773C7.33118 2.07259 6.05046 2.29215 5.17157 3.17104Z" opacity=".5"/></g></svg> </template>
CSS
.icon-tram-bold-duotone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.3754%2019.5722C5.89783%2019.4015%205.50554%2019.1626%205.17135%2018.8284C4.19702%2017.8541%204.03299%2016.3859%204.00537%2013.75H19.9942C19.9666%2016.3859%2019.8025%2017.8541%2018.8282%2018.8284C18.4941%2019.1625%2018.1019%2019.4014%2017.6244%2019.5721L18.6708%2021.6648C18.856%2022.0352%2018.7058%2022.4857%2018.3354%2022.671C17.9649%2022.8562%2017.5144%2022.7061%2017.3291%2022.3356L16.1052%2019.8877C15.0568%2020%2013.7258%2020%2011.9998%2020C10.274%2020%208.94302%2020%207.89469%2019.8877L6.67077%2022.3356C6.48552%2022.7061%206.03502%2022.8562%205.66453%2022.671C5.29405%2022.4857%205.14388%2022.0352%205.32912%2021.6648L6.3754%2019.5722ZM14.7498%2016C14.7498%2015.5858%2015.0856%2015.25%2015.4998%2015.25H16.9998C17.414%2015.25%2017.7498%2015.5858%2017.7498%2016C17.7498%2016.4142%2017.414%2016.75%2016.9998%2016.75H15.4998C15.0856%2016.75%2014.7498%2016.4142%2014.7498%2016ZM6.99978%2015.25C6.58557%2015.25%206.24978%2015.5858%206.24978%2016C6.24978%2016.4142%206.58557%2016.75%206.99978%2016.75H8.49978C8.91399%2016.75%209.24978%2016.4142%209.24978%2016C9.24978%2015.5858%208.91399%2015.25%208.49978%2015.25H6.99978Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M5.17157%203.17104C4%204.34261%204%206.22823%204%209.99947V13.7495H20V9.99947C20%206.22823%2020%204.34261%2018.8284%203.17104C17.9495%202.29215%2016.6688%202.07259%2014.4917%202.01773C14.2216%202.01093%2014%202.22928%2014%202.49947C14%203.60404%2013.1046%204.49947%2012%204.49947C10.8954%204.49947%2010%203.60404%2010%202.49947C10%202.22928%209.77845%202.01093%209.50835%202.01773C7.33118%202.07259%206.05046%202.29215%205.17157%203.17104Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.3754%2019.5722C5.89783%2019.4015%205.50554%2019.1626%205.17135%2018.8284C4.19702%2017.8541%204.03299%2016.3859%204.00537%2013.75H19.9942C19.9666%2016.3859%2019.8025%2017.8541%2018.8282%2018.8284C18.4941%2019.1625%2018.1019%2019.4014%2017.6244%2019.5721L18.6708%2021.6648C18.856%2022.0352%2018.7058%2022.4857%2018.3354%2022.671C17.9649%2022.8562%2017.5144%2022.7061%2017.3291%2022.3356L16.1052%2019.8877C15.0568%2020%2013.7258%2020%2011.9998%2020C10.274%2020%208.94302%2020%207.89469%2019.8877L6.67077%2022.3356C6.48552%2022.7061%206.03502%2022.8562%205.66453%2022.671C5.29405%2022.4857%205.14388%2022.0352%205.32912%2021.6648L6.3754%2019.5722ZM14.7498%2016C14.7498%2015.5858%2015.0856%2015.25%2015.4998%2015.25H16.9998C17.414%2015.25%2017.7498%2015.5858%2017.7498%2016C17.7498%2016.4142%2017.414%2016.75%2016.9998%2016.75H15.4998C15.0856%2016.75%2014.7498%2016.4142%2014.7498%2016ZM6.99978%2015.25C6.58557%2015.25%206.24978%2015.5858%206.24978%2016C6.24978%2016.4142%206.58557%2016.75%206.99978%2016.75H8.49978C8.91399%2016.75%209.24978%2016.4142%209.24978%2016C9.24978%2015.5858%208.91399%2015.25%208.49978%2015.25H6.99978Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M5.17157%203.17104C4%204.34261%204%206.22823%204%209.99947V13.7495H20V9.99947C20%206.22823%2020%204.34261%2018.8284%203.17104C17.9495%202.29215%2016.6688%202.07259%2014.4917%202.01773C14.2216%202.01093%2014%202.22928%2014%202.49947C14%203.60404%2013.1046%204.49947%2012%204.49947C10.8954%204.49947%2010%203.60404%2010%202.49947C10%202.22928%209.77845%202.01093%209.50835%202.01773C7.33118%202.07259%206.05046%202.29215%205.17157%203.17104Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/tram-bold-duotone.svg?color=%231a73e8&size=48
