tram car emoji
tram-car from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- tram-car
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
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="none"><path fill="#9b9b9b" d="M30 27H2v2h28z"/><path fill="#212121" d="M8 25.01a2 2 0 1 1-4 0a2 2 0 0 1 4 0m5.51 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m6.98 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m7.51-2a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#9b9b9b" d="M6.01 25.51h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5m14.49 0h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#f92f60" d="M2 19v4.96c.06.59.55 1.04 1.15 1.04h25.69c.64 0 1.16-.52 1.16-1.16V19z"/><path fill="#d3d3d3" d="M30 10.997V9c-.06-.59-.4-1-1-1H3.016c-.64 0-1 .36-1 1v1.997l2.49 3.507L2 18v1h28v-1.01l-2.499-3.486z"/><path fill="#00a6ed" d="M2 11h3.904c.598 0 1.086.5 1.096 1.1v4.8c0 .61-.488 1.1-1.096 1.1H2zm8.102 0h3.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 11m4.204 0H30v7h-3.898C25.491 18 25 17.51 25 16.9v-4.8c0-.61.491-1.1 1.102-1.1"/><path fill="#ffb02e" d="M3 22H2v-2h1c.55 0 1 .45 1 1c0 .56-.45 1-1 1"/><path fill="#bebebe" d="M28.99 4H3.01C2.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 1"/><path fill="#636363" d="m16.725 3.31l.964.965c.4.4.4 1.05 0 1.45l-.964.964c-.4.4-1.05.4-1.45 0l-.965-.964c-.4-.4-.4-1.05 0-1.45l.965-.964c.4-.4 1.05-.4 1.45 0m-.707.708a.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"/><path fill="#9b9b9b" d="M24.81 6H7.18C6.53 6 6 6.53 6 7.18V8h20v-.82C26 6.53 25.47 6 24.81 6"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatTramCar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M30 27H2v2h28z"/><path fill="#212121" d="M8 25.01a2 2 0 1 1-4 0a2 2 0 0 1 4 0m5.51 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m6.98 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m7.51-2a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#9b9b9b" d="M6.01 25.51h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5m14.49 0h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#f92f60" d="M2 19v4.96c.06.59.55 1.04 1.15 1.04h25.69c.64 0 1.16-.52 1.16-1.16V19z"/><path fill="#d3d3d3" d="M30 10.997V9c-.06-.59-.4-1-1-1H3.016c-.64 0-1 .36-1 1v1.997l2.49 3.507L2 18v1h28v-1.01l-2.499-3.486z"/><path fill="#00a6ed" d="M2 11h3.904c.598 0 1.086.5 1.096 1.1v4.8c0 .61-.488 1.1-1.096 1.1H2zm8.102 0h3.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 11m4.204 0H30v7h-3.898C25.491 18 25 17.51 25 16.9v-4.8c0-.61.491-1.1 1.102-1.1"/><path fill="#ffb02e" d="M3 22H2v-2h1c.55 0 1 .45 1 1c0 .56-.45 1-1 1"/><path fill="#bebebe" d="M28.99 4H3.01C2.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 1"/><path fill="#636363" d="m16.725 3.31l.964.965c.4.4.4 1.05 0 1.45l-.964.964c-.4.4-1.05.4-1.45 0l-.965-.964c-.4-.4-.4-1.05 0-1.45l.965-.964c.4-.4 1.05-.4 1.45 0m-.707.708a.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"/><path fill="#9b9b9b" d="M24.81 6H7.18C6.53 6 6 6.53 6 7.18V8h20v-.82C26 6.53 25.47 6 24.81 6"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M30 27H2v2h28z"/><path fill="#212121" d="M8 25.01a2 2 0 1 1-4 0a2 2 0 0 1 4 0m5.51 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m6.98 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m7.51-2a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#9b9b9b" d="M6.01 25.51h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5m14.49 0h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#f92f60" d="M2 19v4.96c.06.59.55 1.04 1.15 1.04h25.69c.64 0 1.16-.52 1.16-1.16V19z"/><path fill="#d3d3d3" d="M30 10.997V9c-.06-.59-.4-1-1-1H3.016c-.64 0-1 .36-1 1v1.997l2.49 3.507L2 18v1h28v-1.01l-2.499-3.486z"/><path fill="#00a6ed" d="M2 11h3.904c.598 0 1.086.5 1.096 1.1v4.8c0 .61-.488 1.1-1.096 1.1H2zm8.102 0h3.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 11m4.204 0H30v7h-3.898C25.491 18 25 17.51 25 16.9v-4.8c0-.61.491-1.1 1.102-1.1"/><path fill="#ffb02e" d="M3 22H2v-2h1c.55 0 1 .45 1 1c0 .56-.45 1-1 1"/><path fill="#bebebe" d="M28.99 4H3.01C2.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 1"/><path fill="#636363" d="m16.725 3.31l.964.965c.4.4.4 1.05 0 1.45l-.964.964c-.4.4-1.05.4-1.45 0l-.965-.964c-.4-.4-.4-1.05 0-1.45l.965-.964c.4-.4 1.05-.4 1.45 0m-.707.708a.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"/><path fill="#9b9b9b" d="M24.81 6H7.18C6.53 6 6 6.53 6 7.18V8h20v-.82C26 6.53 25.47 6 24.81 6"/></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%22none%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M30%2027H2v2h28z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M8%2025.01a2%202%200%201%201-4%200a2%202%200%200%201%204%200m5.51%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200m6.98%202a2%202%200%201%200%200-4a2%202%200%200%200%200%204m7.51-2a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M6.01%2025.51h5c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-5c-.28%200-.5.22-.5.5s.22.5.5.5m14.49%200h5c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-5c-.28%200-.5.22-.5.5s.22.5.5.5%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M2%2019v4.96c.06.59.55%201.04%201.15%201.04h25.69c.64%200%201.16-.52%201.16-1.16V19z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M30%2010.997V9c-.06-.59-.4-1-1-1H3.016c-.64%200-1%20.36-1%201v1.997l2.49%203.507L2%2018v1h28v-1.01l-2.499-3.486z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M2%2011h3.904c.598%200%201.086.5%201.096%201.1v4.8c0%20.61-.488%201.1-1.096%201.1H2zm8.102%200h3.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%2011m4.204%200H30v7h-3.898C25.491%2018%2025%2017.51%2025%2016.9v-4.8c0-.61.491-1.1%201.102-1.1%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M3%2022H2v-2h1c.55%200%201%20.45%201%201c0%20.56-.45%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M28.99%204H3.01C2.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%201%22%2F%3E%3Cpath%20fill%3D%22%23636363%22%20d%3D%22m16.725%203.31l.964.965c.4.4.4%201.05%200%201.45l-.964.964c-.4.4-1.05.4-1.45%200l-.965-.964c-.4-.4-.4-1.05%200-1.45l.965-.964c.4-.4%201.05-.4%201.45%200m-.707.708a.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%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M24.81%206H7.18C6.53%206%206%206.53%206%207.18V8h20v-.82C26%206.53%2025.47%206%2024.81%206%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%22none%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M30%2027H2v2h28z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M8%2025.01a2%202%200%201%201-4%200a2%202%200%200%201%204%200m5.51%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200m6.98%202a2%202%200%201%200%200-4a2%202%200%200%200%200%204m7.51-2a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M6.01%2025.51h5c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-5c-.28%200-.5.22-.5.5s.22.5.5.5m14.49%200h5c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-5c-.28%200-.5.22-.5.5s.22.5.5.5%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M2%2019v4.96c.06.59.55%201.04%201.15%201.04h25.69c.64%200%201.16-.52%201.16-1.16V19z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M30%2010.997V9c-.06-.59-.4-1-1-1H3.016c-.64%200-1%20.36-1%201v1.997l2.49%203.507L2%2018v1h28v-1.01l-2.499-3.486z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M2%2011h3.904c.598%200%201.086.5%201.096%201.1v4.8c0%20.61-.488%201.1-1.096%201.1H2zm8.102%200h3.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%2011m4.204%200H30v7h-3.898C25.491%2018%2025%2017.51%2025%2016.9v-4.8c0-.61.491-1.1%201.102-1.1%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M3%2022H2v-2h1c.55%200%201%20.45%201%201c0%20.56-.45%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M28.99%204H3.01C2.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%201%22%2F%3E%3Cpath%20fill%3D%22%23636363%22%20d%3D%22m16.725%203.31l.964.965c.4.4.4%201.05%200%201.45l-.964.964c-.4.4-1.05.4-1.45%200l-.965-.964c-.4-.4-.4-1.05%200-1.45l.965-.964c.4-.4%201.05-.4%201.45%200m-.707.708a.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%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M24.81%206H7.18C6.53%206%206%206.53%206%207.18V8h20v-.82C26%206.53%2025.47%206%2024.81%206%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-flat/tram-car.svg?color=%231a73e8&size=48
