tram emoji
tram from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- tram
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
tramCarbontramEmoji One (Colored)tram-fillFramework7 IconstramFont Awesome SolidtramFluent EmojitramFluent Emoji High ContrasttramFirefox OS EmojitramHuge IconstramIconoirtramLine AwesometramMaterial SymbolstramMaterial Symbols LighttramMaterial Design IconstramNoto EmojitramOpenMojitramPhosphortram-boldSolartramTwitter Emoji
More travel & places icons from Fluent Emoji Flat
Use the tram emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#321b41" d="M8.86 25.639a77 77 0 0 0-1.186 1.706l-.069.115c-.182.3-.408.673-.162 1.098c.267.46.848.454 1.018.453h14.832c.318 0 .704-.02.954-.347s.27-.722-.067-1.261c-.155-.248-.96-1.45-1.733-2.602a441 441 0 0 1-1.383-2.071H10.878c-.353.542-1.258 1.829-2.018 2.909m1.832.095c.06-.103.243-.406.305-.506c.077-.125.432-.5.885-.5h8.016c.395 0 .69.23.873.5c.1.149.184.307.237.41c.024.045.042.08.053.096zm-1.303 1.99c.058-.076.195-.265.28-.404c.106-.173.617-.596 1.07-.596h10.549c.211 0 .524.118.664.328l.445.673z"/><path fill="#bebebe" d="M18 4h-4v2h-2V4h-2c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1c0 .56-.44 1-1 1h-2v2h-2z"/><path fill="#f92f60" d="M25 19.78v-4.77H7v4.77c0 2.34 1.92 4.23 4.29 4.23h9.42C23.09 24 25 22.12 25 19.78"/><path fill="#ffb02e" d="M10 21h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1m10 0h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1"/><path fill="#d3d3d3" d="M22.95 5c1.08 0 1.96.82 2.03 1.871q0 .018.01.042l.01.038v8.037A3.014 3.014 0 0 1 21.99 18H10.01A3.014 3.014 0 0 1 7 14.988q.001-2.026.005-4.048q.005-2.025.005-4.049A2.01 2.01 0 0 1 9.03 5zM14.5 20h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#e6e6e6" d="M14.5 20h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#00a6ed" d="M23 8.19v6.62c0 .66-.53 1.19-1.19 1.19H10.19C9.53 16 9 15.47 9 14.81V8.19C9 7.53 9.53 7 10.19 7h11.62c.66 0 1.19.53 1.19 1.19"/><path fill="#636363" d="M23 7.83V10H9V7.83c0-.46.37-.83.83-.83h12.35c.45 0 .82.37.82.83"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatTram(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="#321b41" d="M8.86 25.639a77 77 0 0 0-1.186 1.706l-.069.115c-.182.3-.408.673-.162 1.098c.267.46.848.454 1.018.453h14.832c.318 0 .704-.02.954-.347s.27-.722-.067-1.261c-.155-.248-.96-1.45-1.733-2.602a441 441 0 0 1-1.383-2.071H10.878c-.353.542-1.258 1.829-2.018 2.909m1.832.095c.06-.103.243-.406.305-.506c.077-.125.432-.5.885-.5h8.016c.395 0 .69.23.873.5c.1.149.184.307.237.41c.024.045.042.08.053.096zm-1.303 1.99c.058-.076.195-.265.28-.404c.106-.173.617-.596 1.07-.596h10.549c.211 0 .524.118.664.328l.445.673z"/><path fill="#bebebe" d="M18 4h-4v2h-2V4h-2c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1c0 .56-.44 1-1 1h-2v2h-2z"/><path fill="#f92f60" d="M25 19.78v-4.77H7v4.77c0 2.34 1.92 4.23 4.29 4.23h9.42C23.09 24 25 22.12 25 19.78"/><path fill="#ffb02e" d="M10 21h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1m10 0h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1"/><path fill="#d3d3d3" d="M22.95 5c1.08 0 1.96.82 2.03 1.871q0 .018.01.042l.01.038v8.037A3.014 3.014 0 0 1 21.99 18H10.01A3.014 3.014 0 0 1 7 14.988q.001-2.026.005-4.048q.005-2.025.005-4.049A2.01 2.01 0 0 1 9.03 5zM14.5 20h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#e6e6e6" d="M14.5 20h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#00a6ed" d="M23 8.19v6.62c0 .66-.53 1.19-1.19 1.19H10.19C9.53 16 9 15.47 9 14.81V8.19C9 7.53 9.53 7 10.19 7h11.62c.66 0 1.19.53 1.19 1.19"/><path fill="#636363" d="M23 7.83V10H9V7.83c0-.46.37-.83.83-.83h12.35c.45 0 .82.37.82.83"/></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="#321b41" d="M8.86 25.639a77 77 0 0 0-1.186 1.706l-.069.115c-.182.3-.408.673-.162 1.098c.267.46.848.454 1.018.453h14.832c.318 0 .704-.02.954-.347s.27-.722-.067-1.261c-.155-.248-.96-1.45-1.733-2.602a441 441 0 0 1-1.383-2.071H10.878c-.353.542-1.258 1.829-2.018 2.909m1.832.095c.06-.103.243-.406.305-.506c.077-.125.432-.5.885-.5h8.016c.395 0 .69.23.873.5c.1.149.184.307.237.41c.024.045.042.08.053.096zm-1.303 1.99c.058-.076.195-.265.28-.404c.106-.173.617-.596 1.07-.596h10.549c.211 0 .524.118.664.328l.445.673z"/><path fill="#bebebe" d="M18 4h-4v2h-2V4h-2c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1c0 .56-.44 1-1 1h-2v2h-2z"/><path fill="#f92f60" d="M25 19.78v-4.77H7v4.77c0 2.34 1.92 4.23 4.29 4.23h9.42C23.09 24 25 22.12 25 19.78"/><path fill="#ffb02e" d="M10 21h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1m10 0h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1"/><path fill="#d3d3d3" d="M22.95 5c1.08 0 1.96.82 2.03 1.871q0 .018.01.042l.01.038v8.037A3.014 3.014 0 0 1 21.99 18H10.01A3.014 3.014 0 0 1 7 14.988q.001-2.026.005-4.048q.005-2.025.005-4.049A2.01 2.01 0 0 1 9.03 5zM14.5 20h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#e6e6e6" d="M14.5 20h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5"/><path fill="#00a6ed" d="M23 8.19v6.62c0 .66-.53 1.19-1.19 1.19H10.19C9.53 16 9 15.47 9 14.81V8.19C9 7.53 9.53 7 10.19 7h11.62c.66 0 1.19.53 1.19 1.19"/><path fill="#636363" d="M23 7.83V10H9V7.83c0-.46.37-.83.83-.83h12.35c.45 0 .82.37.82.83"/></g></svg> </template>
CSS
.icon-tram {
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%23321b41%22%20d%3D%22M8.86%2025.639a77%2077%200%200%200-1.186%201.706l-.069.115c-.182.3-.408.673-.162%201.098c.267.46.848.454%201.018.453h14.832c.318%200%20.704-.02.954-.347s.27-.722-.067-1.261c-.155-.248-.96-1.45-1.733-2.602a441%20441%200%200%201-1.383-2.071H10.878c-.353.542-1.258%201.829-2.018%202.909m1.832.095c.06-.103.243-.406.305-.506c.077-.125.432-.5.885-.5h8.016c.395%200%20.69.23.873.5c.1.149.184.307.237.41c.024.045.042.08.053.096zm-1.303%201.99c.058-.076.195-.265.28-.404c.106-.173.617-.596%201.07-.596h10.549c.211%200%20.524.118.664.328l.445.673z%22%2F%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M18%204h-4v2h-2V4h-2c-.55%200-1-.45-1-1s.45-1%201-1h12c.55%200%201%20.45%201%201c0%20.56-.44%201-1%201h-2v2h-2z%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M25%2019.78v-4.77H7v4.77c0%202.34%201.92%204.23%204.29%204.23h9.42C23.09%2024%2025%2022.12%2025%2019.78%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M10%2021h2c.56%200%201-.44%201-1c0-.55-.45-1-1-1h-2c-.55%200-1%20.45-1%201s.45%201%201%201m10%200h2c.56%200%201-.44%201-1c0-.55-.45-1-1-1h-2c-.55%200-1%20.45-1%201s.45%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M22.95%205c1.08%200%201.96.82%202.03%201.871q0%20.018.01.042l.01.038v8.037A3.014%203.014%200%200%201%2021.99%2018H10.01A3.014%203.014%200%200%201%207%2014.988q.001-2.026.005-4.048q.005-2.025.005-4.049A2.01%202.01%200%200%201%209.03%205zM14.5%2020h3c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-3c-.28%200-.5.22-.5.5s.22.5.5.5%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M14.5%2020h3c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-3c-.28%200-.5.22-.5.5s.22.5.5.5%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M23%208.19v6.62c0%20.66-.53%201.19-1.19%201.19H10.19C9.53%2016%209%2015.47%209%2014.81V8.19C9%207.53%209.53%207%2010.19%207h11.62c.66%200%201.19.53%201.19%201.19%22%2F%3E%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M23%207.83V10H9V7.83c0-.46.37-.83.83-.83h12.35c.45%200%20.82.37.82.83%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%23321b41%22%20d%3D%22M8.86%2025.639a77%2077%200%200%200-1.186%201.706l-.069.115c-.182.3-.408.673-.162%201.098c.267.46.848.454%201.018.453h14.832c.318%200%20.704-.02.954-.347s.27-.722-.067-1.261c-.155-.248-.96-1.45-1.733-2.602a441%20441%200%200%201-1.383-2.071H10.878c-.353.542-1.258%201.829-2.018%202.909m1.832.095c.06-.103.243-.406.305-.506c.077-.125.432-.5.885-.5h8.016c.395%200%20.69.23.873.5c.1.149.184.307.237.41c.024.045.042.08.053.096zm-1.303%201.99c.058-.076.195-.265.28-.404c.106-.173.617-.596%201.07-.596h10.549c.211%200%20.524.118.664.328l.445.673z%22%2F%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M18%204h-4v2h-2V4h-2c-.55%200-1-.45-1-1s.45-1%201-1h12c.55%200%201%20.45%201%201c0%20.56-.44%201-1%201h-2v2h-2z%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M25%2019.78v-4.77H7v4.77c0%202.34%201.92%204.23%204.29%204.23h9.42C23.09%2024%2025%2022.12%2025%2019.78%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M10%2021h2c.56%200%201-.44%201-1c0-.55-.45-1-1-1h-2c-.55%200-1%20.45-1%201s.45%201%201%201m10%200h2c.56%200%201-.44%201-1c0-.55-.45-1-1-1h-2c-.55%200-1%20.45-1%201s.45%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M22.95%205c1.08%200%201.96.82%202.03%201.871q0%20.018.01.042l.01.038v8.037A3.014%203.014%200%200%201%2021.99%2018H10.01A3.014%203.014%200%200%201%207%2014.988q.001-2.026.005-4.048q.005-2.025.005-4.049A2.01%202.01%200%200%201%209.03%205zM14.5%2020h3c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-3c-.28%200-.5.22-.5.5s.22.5.5.5%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M14.5%2020h3c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-3c-.28%200-.5.22-.5.5s.22.5.5.5%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M23%208.19v6.62c0%20.66-.53%201.19-1.19%201.19H10.19C9.53%2016%209%2015.47%209%2014.81V8.19C9%207.53%209.53%207%2010.19%207h11.62c.66%200%201.19.53%201.19%201.19%22%2F%3E%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M23%207.83V10H9V7.83c0-.46.37-.83.83-.83h12.35c.45%200%20.82.37.82.83%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.svg?color=%231a73e8&size=48
