tram car emoji
tram-car from Emoji One (Colored) by Emoji One · Default · Travel · CC-BY-4.0 Attribution required.
- Name
- tram-car
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Travel
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More travel icons from Emoji One (Colored)
Use the tram car emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M4.8 22.6h54.4v20.6H4.8z"/><path fill="#ffce31" d="M4.8 43.2h54.4V47H4.8z"/><path fill="#3e4347" d="M55.4 18.9H8.6c-2.1 0-3.8 1.7-3.8 3.8h54.4c0-2.1-1.7-3.8-3.8-3.8m-30-3.8h13.1v3.8H25.4zM2 2h60v1.9H2zm21.6 37.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M21.7 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M12.3 41.7H4.8V25.1s7.5.2 7.5 4.3z"/><path fill="#b4d7ee" d="M10.4 31c0-3.7-5.6-3.6-5.6-3.6v12.1h5.6z"/><path fill="#3e4347" d="M34.8 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M32.9 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M46.1 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M44.2 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M57.3 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M55.4 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M5.8 15.5H9v5.6H5.8zm7.7 2h9.1v3.7h-9.1zm30.4-.5H53v3.7h-9.1z"/><path fill="#94989b" d="M2 56.4h60V62H2z"/><path fill="#e6e6e6" d="M2 57.3h60v.9H2z"/><g fill="#3e4347"><path d="m29.953 15.857l5.394-8.774l.767.47l-5.394 8.775zm5.497 1.306l5.399-8.771l1.448.89l-5.4 8.772z"/><path d="m31.795 3.49l.709-.554l7.263 9.3l-.71.553zm3.515-.196l1.418-1.109l5.545 7.09l-1.418 1.108z"/></g><path fill="#699635" d="M4.8 47s-1.9 0-1.9 2.8v3.7h56.3V47z"/><path fill="#3e4347" d="M2.9 52h56.3v1.6H2.9z"/><path fill="#63686b" d="M18.9 49.8H9.5l-2.8 3.8h15z"/><circle cx="10.9" cy="53.6" r="2.8" fill="#3e4347"/><circle cx="10.9" cy="53.6" r=".9" fill="#94989b"/><circle cx="17.5" cy="53.6" r="2.8" fill="#3e4347"/><circle cx="17.5" cy="53.6" r=".9" fill="#94989b"/><path fill="#63686b" d="M54.5 49.8h-9.4l-2.8 3.8h15z"/><g fill="#3e4347"><circle cx="46.5" cy="53.6" r="2.8"/><circle cx="53.1" cy="53.6" r="2.8"/></g><g fill="#94989b"><circle cx="46.5" cy="53.6" r=".9"/><circle cx="53.1" cy="53.6" r=".9"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneTramCar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M4.8 22.6h54.4v20.6H4.8z"/><path fill="#ffce31" d="M4.8 43.2h54.4V47H4.8z"/><path fill="#3e4347" d="M55.4 18.9H8.6c-2.1 0-3.8 1.7-3.8 3.8h54.4c0-2.1-1.7-3.8-3.8-3.8m-30-3.8h13.1v3.8H25.4zM2 2h60v1.9H2zm21.6 37.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M21.7 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M12.3 41.7H4.8V25.1s7.5.2 7.5 4.3z"/><path fill="#b4d7ee" d="M10.4 31c0-3.7-5.6-3.6-5.6-3.6v12.1h5.6z"/><path fill="#3e4347" d="M34.8 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M32.9 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M46.1 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M44.2 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M57.3 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M55.4 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M5.8 15.5H9v5.6H5.8zm7.7 2h9.1v3.7h-9.1zm30.4-.5H53v3.7h-9.1z"/><path fill="#94989b" d="M2 56.4h60V62H2z"/><path fill="#e6e6e6" d="M2 57.3h60v.9H2z"/><g fill="#3e4347"><path d="m29.953 15.857l5.394-8.774l.767.47l-5.394 8.775zm5.497 1.306l5.399-8.771l1.448.89l-5.4 8.772z"/><path d="m31.795 3.49l.709-.554l7.263 9.3l-.71.553zm3.515-.196l1.418-1.109l5.545 7.09l-1.418 1.108z"/></g><path fill="#699635" d="M4.8 47s-1.9 0-1.9 2.8v3.7h56.3V47z"/><path fill="#3e4347" d="M2.9 52h56.3v1.6H2.9z"/><path fill="#63686b" d="M18.9 49.8H9.5l-2.8 3.8h15z"/><circle cx="10.9" cy="53.6" r="2.8" fill="#3e4347"/><circle cx="10.9" cy="53.6" r=".9" fill="#94989b"/><circle cx="17.5" cy="53.6" r="2.8" fill="#3e4347"/><circle cx="17.5" cy="53.6" r=".9" fill="#94989b"/><path fill="#63686b" d="M54.5 49.8h-9.4l-2.8 3.8h15z"/><g fill="#3e4347"><circle cx="46.5" cy="53.6" r="2.8"/><circle cx="53.1" cy="53.6" r="2.8"/></g><g fill="#94989b"><circle cx="46.5" cy="53.6" r=".9"/><circle cx="53.1" cy="53.6" r=".9"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M4.8 22.6h54.4v20.6H4.8z"/><path fill="#ffce31" d="M4.8 43.2h54.4V47H4.8z"/><path fill="#3e4347" d="M55.4 18.9H8.6c-2.1 0-3.8 1.7-3.8 3.8h54.4c0-2.1-1.7-3.8-3.8-3.8m-30-3.8h13.1v3.8H25.4zM2 2h60v1.9H2zm21.6 37.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M21.7 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M12.3 41.7H4.8V25.1s7.5.2 7.5 4.3z"/><path fill="#b4d7ee" d="M10.4 31c0-3.7-5.6-3.6-5.6-3.6v12.1h5.6z"/><path fill="#3e4347" d="M34.8 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M32.9 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M46.1 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M44.2 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M57.3 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M55.4 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M5.8 15.5H9v5.6H5.8zm7.7 2h9.1v3.7h-9.1zm30.4-.5H53v3.7h-9.1z"/><path fill="#94989b" d="M2 56.4h60V62H2z"/><path fill="#e6e6e6" d="M2 57.3h60v.9H2z"/><g fill="#3e4347"><path d="m29.953 15.857l5.394-8.774l.767.47l-5.394 8.775zm5.497 1.306l5.399-8.771l1.448.89l-5.4 8.772z"/><path d="m31.795 3.49l.709-.554l7.263 9.3l-.71.553zm3.515-.196l1.418-1.109l5.545 7.09l-1.418 1.108z"/></g><path fill="#699635" d="M4.8 47s-1.9 0-1.9 2.8v3.7h56.3V47z"/><path fill="#3e4347" d="M2.9 52h56.3v1.6H2.9z"/><path fill="#63686b" d="M18.9 49.8H9.5l-2.8 3.8h15z"/><circle cx="10.9" cy="53.6" r="2.8" fill="#3e4347"/><circle cx="10.9" cy="53.6" r=".9" fill="#94989b"/><circle cx="17.5" cy="53.6" r="2.8" fill="#3e4347"/><circle cx="17.5" cy="53.6" r=".9" fill="#94989b"/><path fill="#63686b" d="M54.5 49.8h-9.4l-2.8 3.8h15z"/><g fill="#3e4347"><circle cx="46.5" cy="53.6" r="2.8"/><circle cx="53.1" cy="53.6" r="2.8"/></g><g fill="#94989b"><circle cx="46.5" cy="53.6" r=".9"/><circle cx="53.1" cy="53.6" r=".9"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M4.8%2022.6h54.4v20.6H4.8z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M4.8%2043.2h54.4V47H4.8z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M55.4%2018.9H8.6c-2.1%200-3.8%201.7-3.8%203.8h54.4c0-2.1-1.7-3.8-3.8-3.8m-30-3.8h13.1v3.8H25.4zM2%202h60v1.9H2zm21.6%2037.8h-9.4V28.5c0-3.3%209.4-3.3%209.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M21.7%2030.1c0-2.3-5.6-2.3-5.6%200v7.5h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M12.3%2041.7H4.8V25.1s7.5.2%207.5%204.3z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M10.4%2031c0-3.7-5.6-3.6-5.6-3.6v12.1h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M34.8%2039.8h-9.4V28.5c0-3.3%209.4-3.3%209.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M32.9%2030.1c0-2.3-5.6-2.3-5.6%200v7.5h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M46.1%2039.8h-9.4V28.5c0-3.3%209.4-3.3%209.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M44.2%2030.1c0-2.3-5.6-2.3-5.6%200v7.5h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M57.3%2039.8h-9.4V28.5c0-3.3%209.4-3.3%209.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M55.4%2030.1c0-2.3-5.6-2.3-5.6%200v7.5h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M5.8%2015.5H9v5.6H5.8zm7.7%202h9.1v3.7h-9.1zm30.4-.5H53v3.7h-9.1z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M2%2056.4h60V62H2z%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M2%2057.3h60v.9H2z%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22m29.953%2015.857l5.394-8.774l.767.47l-5.394%208.775zm5.497%201.306l5.399-8.771l1.448.89l-5.4%208.772z%22%2F%3E%3Cpath%20d%3D%22m31.795%203.49l.709-.554l7.263%209.3l-.71.553zm3.515-.196l1.418-1.109l5.545%207.09l-1.418%201.108z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M4.8%2047s-1.9%200-1.9%202.8v3.7h56.3V47z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M2.9%2052h56.3v1.6H2.9z%22%2F%3E%3Cpath%20fill%3D%22%2363686b%22%20d%3D%22M18.9%2049.8H9.5l-2.8%203.8h15z%22%2F%3E%3Ccircle%20cx%3D%2210.9%22%20cy%3D%2253.6%22%20r%3D%222.8%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2210.9%22%20cy%3D%2253.6%22%20r%3D%22.9%22%20fill%3D%22%2394989b%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2253.6%22%20r%3D%222.8%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2253.6%22%20r%3D%22.9%22%20fill%3D%22%2394989b%22%2F%3E%3Cpath%20fill%3D%22%2363686b%22%20d%3D%22M54.5%2049.8h-9.4l-2.8%203.8h15z%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%2246.5%22%20cy%3D%2253.6%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2253.1%22%20cy%3D%2253.6%22%20r%3D%222.8%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2394989b%22%3E%3Ccircle%20cx%3D%2246.5%22%20cy%3D%2253.6%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2253.1%22%20cy%3D%2253.6%22%20r%3D%22.9%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M4.8%2022.6h54.4v20.6H4.8z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M4.8%2043.2h54.4V47H4.8z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M55.4%2018.9H8.6c-2.1%200-3.8%201.7-3.8%203.8h54.4c0-2.1-1.7-3.8-3.8-3.8m-30-3.8h13.1v3.8H25.4zM2%202h60v1.9H2zm21.6%2037.8h-9.4V28.5c0-3.3%209.4-3.3%209.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M21.7%2030.1c0-2.3-5.6-2.3-5.6%200v7.5h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M12.3%2041.7H4.8V25.1s7.5.2%207.5%204.3z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M10.4%2031c0-3.7-5.6-3.6-5.6-3.6v12.1h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M34.8%2039.8h-9.4V28.5c0-3.3%209.4-3.3%209.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M32.9%2030.1c0-2.3-5.6-2.3-5.6%200v7.5h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M46.1%2039.8h-9.4V28.5c0-3.3%209.4-3.3%209.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M44.2%2030.1c0-2.3-5.6-2.3-5.6%200v7.5h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M57.3%2039.8h-9.4V28.5c0-3.3%209.4-3.3%209.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M55.4%2030.1c0-2.3-5.6-2.3-5.6%200v7.5h5.6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M5.8%2015.5H9v5.6H5.8zm7.7%202h9.1v3.7h-9.1zm30.4-.5H53v3.7h-9.1z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M2%2056.4h60V62H2z%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M2%2057.3h60v.9H2z%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22m29.953%2015.857l5.394-8.774l.767.47l-5.394%208.775zm5.497%201.306l5.399-8.771l1.448.89l-5.4%208.772z%22%2F%3E%3Cpath%20d%3D%22m31.795%203.49l.709-.554l7.263%209.3l-.71.553zm3.515-.196l1.418-1.109l5.545%207.09l-1.418%201.108z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M4.8%2047s-1.9%200-1.9%202.8v3.7h56.3V47z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M2.9%2052h56.3v1.6H2.9z%22%2F%3E%3Cpath%20fill%3D%22%2363686b%22%20d%3D%22M18.9%2049.8H9.5l-2.8%203.8h15z%22%2F%3E%3Ccircle%20cx%3D%2210.9%22%20cy%3D%2253.6%22%20r%3D%222.8%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2210.9%22%20cy%3D%2253.6%22%20r%3D%22.9%22%20fill%3D%22%2394989b%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2253.6%22%20r%3D%222.8%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2253.6%22%20r%3D%22.9%22%20fill%3D%22%2394989b%22%2F%3E%3Cpath%20fill%3D%22%2363686b%22%20d%3D%22M54.5%2049.8h-9.4l-2.8%203.8h15z%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%2246.5%22%20cy%3D%2253.6%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2253.1%22%20cy%3D%2253.6%22%20r%3D%222.8%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2394989b%22%3E%3Ccircle%20cx%3D%2246.5%22%20cy%3D%2253.6%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2253.1%22%20cy%3D%2253.6%22%20r%3D%22.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/tram-car.svg?color=%231a73e8&size=48
