tram car emoji
tram-car from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- tram-car
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji High Contrast
Use the tram car emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.102 11h3.796A1.1 1.1 0 0 1 15 12.09v3.82c0 .604-.49 1.09-1.102 1.09h-3.796A1.093 1.093 0 0 1 9 15.91v-3.82c0-.604.49-1.09 1.102-1.09m11.796 0h-3.796C17.49 11 17 11.486 17 12.09v3.82c0 .604.49 1.09 1.102 1.09h3.796C22.51 17 23 16.514 23 15.91v-3.82A1.1 1.1 0 0 0 21.898 11"/><path d="M3.01 4C2.45 4 2 3.554 2 3s.45-1 1.01-1h25.98c.56 0 1.01.446 1.01 1c-.01.554-.46 1-1.01 1H17.414l.275.275c.4.4.4 1.05 0 1.45L17.414 6h7.396c.598 0 1.09.435 1.176 1h3.015c.545 0 1.051.195 1.426.59c.359.377.522.855.568 1.308l.005.05V22.84A2.16 2.16 0 0 1 28.84 25H28v.01A2 2 0 0 1 26.201 27H30.5v2h-29v-2h4.299A2 2 0 0 1 4 25.01V25h-.85a2.15 2.15 0 0 1-2.145-1.939L1 23.011V8.999c0-.515.156-1.05.569-1.454c.41-.4.943-.545 1.446-.545h2.999c.087-.565.577-1 1.166-1h7.406l-.275-.275c-.4-.4-.4-1.05 0-1.45L14.586 4zm6.563 21.51h1.437c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5h1.927A2 2 0 0 1 6.201 27h5.108a2 2 0 0 1-1.736-1.49m3.937-.5A2 2 0 0 1 11.711 27h8.578a2 2 0 0 1-1.799-1.99V25h-4.98zm10.553.5H25.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5h1.927A2 2 0 0 1 20.691 27H25.8a2 2 0 0 1-1.736-1.49M3.011 22H4c.55 0 1-.44 1-1c0-.55-.45-1-1-1h-.989zm2.893-4H3.002L3 18.91V19h26v-1h-2.898C25.491 18 25 17.51 25 16.9v-4.8c0-.61.491-1.1 1.102-1.1h2.668l.23-.323V9.144A.7.7 0 0 0 28.967 9H3.02a1 1 0 0 0-.004.09v1.103l-.001.505l.216.302h2.673c.598 0 1.086.5 1.096 1.1v4.8c0 .61-.488 1.1-1.096 1.1M16.018 4.018a.025.025 0 0 0-.036 0l-.964.964a.025.025 0 0 0 0 .036l.964.964c.01.01.026.01.036 0l.964-.964a.025.025 0 0 0 0-.036z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastTramCar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.102 11h3.796A1.1 1.1 0 0 1 15 12.09v3.82c0 .604-.49 1.09-1.102 1.09h-3.796A1.093 1.093 0 0 1 9 15.91v-3.82c0-.604.49-1.09 1.102-1.09m11.796 0h-3.796C17.49 11 17 11.486 17 12.09v3.82c0 .604.49 1.09 1.102 1.09h3.796C22.51 17 23 16.514 23 15.91v-3.82A1.1 1.1 0 0 0 21.898 11"/><path d="M3.01 4C2.45 4 2 3.554 2 3s.45-1 1.01-1h25.98c.56 0 1.01.446 1.01 1c-.01.554-.46 1-1.01 1H17.414l.275.275c.4.4.4 1.05 0 1.45L17.414 6h7.396c.598 0 1.09.435 1.176 1h3.015c.545 0 1.051.195 1.426.59c.359.377.522.855.568 1.308l.005.05V22.84A2.16 2.16 0 0 1 28.84 25H28v.01A2 2 0 0 1 26.201 27H30.5v2h-29v-2h4.299A2 2 0 0 1 4 25.01V25h-.85a2.15 2.15 0 0 1-2.145-1.939L1 23.011V8.999c0-.515.156-1.05.569-1.454c.41-.4.943-.545 1.446-.545h2.999c.087-.565.577-1 1.166-1h7.406l-.275-.275c-.4-.4-.4-1.05 0-1.45L14.586 4zm6.563 21.51h1.437c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5h1.927A2 2 0 0 1 6.201 27h5.108a2 2 0 0 1-1.736-1.49m3.937-.5A2 2 0 0 1 11.711 27h8.578a2 2 0 0 1-1.799-1.99V25h-4.98zm10.553.5H25.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5h1.927A2 2 0 0 1 20.691 27H25.8a2 2 0 0 1-1.736-1.49M3.011 22H4c.55 0 1-.44 1-1c0-.55-.45-1-1-1h-.989zm2.893-4H3.002L3 18.91V19h26v-1h-2.898C25.491 18 25 17.51 25 16.9v-4.8c0-.61.491-1.1 1.102-1.1h2.668l.23-.323V9.144A.7.7 0 0 0 28.967 9H3.02a1 1 0 0 0-.004.09v1.103l-.001.505l.216.302h2.673c.598 0 1.086.5 1.096 1.1v4.8c0 .61-.488 1.1-1.096 1.1M16.018 4.018a.025.025 0 0 0-.036 0l-.964.964a.025.025 0 0 0 0 .036l.964.964c.01.01.026.01.036 0l.964-.964a.025.025 0 0 0 0-.036z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.102 11h3.796A1.1 1.1 0 0 1 15 12.09v3.82c0 .604-.49 1.09-1.102 1.09h-3.796A1.093 1.093 0 0 1 9 15.91v-3.82c0-.604.49-1.09 1.102-1.09m11.796 0h-3.796C17.49 11 17 11.486 17 12.09v3.82c0 .604.49 1.09 1.102 1.09h3.796C22.51 17 23 16.514 23 15.91v-3.82A1.1 1.1 0 0 0 21.898 11"/><path d="M3.01 4C2.45 4 2 3.554 2 3s.45-1 1.01-1h25.98c.56 0 1.01.446 1.01 1c-.01.554-.46 1-1.01 1H17.414l.275.275c.4.4.4 1.05 0 1.45L17.414 6h7.396c.598 0 1.09.435 1.176 1h3.015c.545 0 1.051.195 1.426.59c.359.377.522.855.568 1.308l.005.05V22.84A2.16 2.16 0 0 1 28.84 25H28v.01A2 2 0 0 1 26.201 27H30.5v2h-29v-2h4.299A2 2 0 0 1 4 25.01V25h-.85a2.15 2.15 0 0 1-2.145-1.939L1 23.011V8.999c0-.515.156-1.05.569-1.454c.41-.4.943-.545 1.446-.545h2.999c.087-.565.577-1 1.166-1h7.406l-.275-.275c-.4-.4-.4-1.05 0-1.45L14.586 4zm6.563 21.51h1.437c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5h1.927A2 2 0 0 1 6.201 27h5.108a2 2 0 0 1-1.736-1.49m3.937-.5A2 2 0 0 1 11.711 27h8.578a2 2 0 0 1-1.799-1.99V25h-4.98zm10.553.5H25.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5h1.927A2 2 0 0 1 20.691 27H25.8a2 2 0 0 1-1.736-1.49M3.011 22H4c.55 0 1-.44 1-1c0-.55-.45-1-1-1h-.989zm2.893-4H3.002L3 18.91V19h26v-1h-2.898C25.491 18 25 17.51 25 16.9v-4.8c0-.61.491-1.1 1.102-1.1h2.668l.23-.323V9.144A.7.7 0 0 0 28.967 9H3.02a1 1 0 0 0-.004.09v1.103l-.001.505l.216.302h2.673c.598 0 1.086.5 1.096 1.1v4.8c0 .61-.488 1.1-1.096 1.1M16.018 4.018a.025.025 0 0 0-.036 0l-.964.964a.025.025 0 0 0 0 .036l.964.964c.01.01.026.01.036 0l.964-.964a.025.025 0 0 0 0-.036z"/></g></svg> </template>
CSS
.icon-tram-car {
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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.102%2011h3.796A1.1%201.1%200%200%201%2015%2012.09v3.82c0%20.604-.49%201.09-1.102%201.09h-3.796A1.093%201.093%200%200%201%209%2015.91v-3.82c0-.604.49-1.09%201.102-1.09m11.796%200h-3.796C17.49%2011%2017%2011.486%2017%2012.09v3.82c0%20.604.49%201.09%201.102%201.09h3.796C22.51%2017%2023%2016.514%2023%2015.91v-3.82A1.1%201.1%200%200%200%2021.898%2011%22%2F%3E%3Cpath%20d%3D%22M3.01%204C2.45%204%202%203.554%202%203s.45-1%201.01-1h25.98c.56%200%201.01.446%201.01%201c-.01.554-.46%201-1.01%201H17.414l.275.275c.4.4.4%201.05%200%201.45L17.414%206h7.396c.598%200%201.09.435%201.176%201h3.015c.545%200%201.051.195%201.426.59c.359.377.522.855.568%201.308l.005.05V22.84A2.16%202.16%200%200%201%2028.84%2025H28v.01A2%202%200%200%201%2026.201%2027H30.5v2h-29v-2h4.299A2%202%200%200%201%204%2025.01V25h-.85a2.15%202.15%200%200%201-2.145-1.939L1%2023.011V8.999c0-.515.156-1.05.569-1.454c.41-.4.943-.545%201.446-.545h2.999c.087-.565.577-1%201.166-1h7.406l-.275-.275c-.4-.4-.4-1.05%200-1.45L14.586%204zm6.563%2021.51h1.437c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-5c-.28%200-.5.22-.5.5s.22.5.5.5h1.927A2%202%200%200%201%206.201%2027h5.108a2%202%200%200%201-1.736-1.49m3.937-.5A2%202%200%200%201%2011.711%2027h8.578a2%202%200%200%201-1.799-1.99V25h-4.98zm10.553.5H25.5c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-5c-.28%200-.5.22-.5.5s.22.5.5.5h1.927A2%202%200%200%201%2020.691%2027H25.8a2%202%200%200%201-1.736-1.49M3.011%2022H4c.55%200%201-.44%201-1c0-.55-.45-1-1-1h-.989zm2.893-4H3.002L3%2018.91V19h26v-1h-2.898C25.491%2018%2025%2017.51%2025%2016.9v-4.8c0-.61.491-1.1%201.102-1.1h2.668l.23-.323V9.144A.7.7%200%200%200%2028.967%209H3.02a1%201%200%200%200-.004.09v1.103l-.001.505l.216.302h2.673c.598%200%201.086.5%201.096%201.1v4.8c0%20.61-.488%201.1-1.096%201.1M16.018%204.018a.025.025%200%200%200-.036%200l-.964.964a.025.025%200%200%200%200%20.036l.964.964c.01.01.026.01.036%200l.964-.964a.025.025%200%200%200%200-.036z%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.102%2011h3.796A1.1%201.1%200%200%201%2015%2012.09v3.82c0%20.604-.49%201.09-1.102%201.09h-3.796A1.093%201.093%200%200%201%209%2015.91v-3.82c0-.604.49-1.09%201.102-1.09m11.796%200h-3.796C17.49%2011%2017%2011.486%2017%2012.09v3.82c0%20.604.49%201.09%201.102%201.09h3.796C22.51%2017%2023%2016.514%2023%2015.91v-3.82A1.1%201.1%200%200%200%2021.898%2011%22%2F%3E%3Cpath%20d%3D%22M3.01%204C2.45%204%202%203.554%202%203s.45-1%201.01-1h25.98c.56%200%201.01.446%201.01%201c-.01.554-.46%201-1.01%201H17.414l.275.275c.4.4.4%201.05%200%201.45L17.414%206h7.396c.598%200%201.09.435%201.176%201h3.015c.545%200%201.051.195%201.426.59c.359.377.522.855.568%201.308l.005.05V22.84A2.16%202.16%200%200%201%2028.84%2025H28v.01A2%202%200%200%201%2026.201%2027H30.5v2h-29v-2h4.299A2%202%200%200%201%204%2025.01V25h-.85a2.15%202.15%200%200%201-2.145-1.939L1%2023.011V8.999c0-.515.156-1.05.569-1.454c.41-.4.943-.545%201.446-.545h2.999c.087-.565.577-1%201.166-1h7.406l-.275-.275c-.4-.4-.4-1.05%200-1.45L14.586%204zm6.563%2021.51h1.437c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-5c-.28%200-.5.22-.5.5s.22.5.5.5h1.927A2%202%200%200%201%206.201%2027h5.108a2%202%200%200%201-1.736-1.49m3.937-.5A2%202%200%200%201%2011.711%2027h8.578a2%202%200%200%201-1.799-1.99V25h-4.98zm10.553.5H25.5c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-5c-.28%200-.5.22-.5.5s.22.5.5.5h1.927A2%202%200%200%201%2020.691%2027H25.8a2%202%200%200%201-1.736-1.49M3.011%2022H4c.55%200%201-.44%201-1c0-.55-.45-1-1-1h-.989zm2.893-4H3.002L3%2018.91V19h26v-1h-2.898C25.491%2018%2025%2017.51%2025%2016.9v-4.8c0-.61.491-1.1%201.102-1.1h2.668l.23-.323V9.144A.7.7%200%200%200%2028.967%209H3.02a1%201%200%200%200-.004.09v1.103l-.001.505l.216.302h2.673c.598%200%201.086.5%201.096%201.1v4.8c0%20.61-.488%201.1-1.096%201.1M16.018%204.018a.025.025%200%200%200-.036%200l-.964.964a.025.025%200%200%200%200%20.036l.964.964c.01.01.026.01.036%200l.964-.964a.025.025%200%200%200%200-.036z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/tram-car.svg?color=%231a73e8&size=48
