tram emoji
tram from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- tram
- Set
- Fluent Emoji High Contrast
- 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 FlattramFirefox OS EmojitramHuge IconstramIconoirtramLine AwesometramMaterial SymbolstramMaterial Symbols LighttramMaterial Design IconstramNoto EmojitramOpenMojitramPhosphortram-boldSolartramTwitter Emoji
More travel & places icons from Fluent Emoji High Contrast
Use the tram emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 14.81c0 .66.53 1.19 1.19 1.19h11.62c.66 0 1.19-.53 1.19-1.19V7.83c0-.46-.37-.83-.82-.83H9.83c-.46 0-.83.37-.83.83zm13 0c0 .108-.082.19-.19.19H10.19a.187.187 0 0 1-.19-.19V10h12z"/><path d="M12 4v1H9.03c-1.08 0-1.96.83-2.02 1.891q0 2.025-.005 4.049q-.004 2.023-.005 4.048v4.792c0 1.937 1.316 3.566 3.114 4.07c-.386.555-.842 1.202-1.254 1.788a78 78 0 0 0-1.186 1.707l-.069.115c-.182.3-.408.673-.162 1.098c.266.46.848.454 1.018.453h14.832c.318 0 .703-.02.954-.347c.25-.327.27-.722-.068-1.261a239 239 0 0 0-1.732-2.602l-.627-.936C23.657 23.38 25 21.742 25 19.78V6.952l-.01-.039a.2.2 0 0 1-.01-.042A2.017 2.017 0 0 0 22.95 5H20V4h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm6 0v1h-4V4zM9.03 6h13.92c.56 0 .992.417 1.032.928q.005.09.018.15v7.91c0 1.11-.903 2.012-2.01 2.012H10.01A2.014 2.014 0 0 1 8 14.988q0-2.023.005-4.047q.004-2.007.005-4.016A1.01 1.01 0 0 1 9.03 6M12 21h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m10 0h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m-7.5-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5zm-3.504 5.228c.077-.125.433-.5.886-.5h8.016c.395 0 .69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096H10.69zM9.668 27.32c.106-.173.618-.596 1.07-.596h10.55c.211 0 .524.118.664.328c.077.115.374.564.444.673H9.39c.058-.077.195-.266.28-.405"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastTram(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="M9 14.81c0 .66.53 1.19 1.19 1.19h11.62c.66 0 1.19-.53 1.19-1.19V7.83c0-.46-.37-.83-.82-.83H9.83c-.46 0-.83.37-.83.83zm13 0c0 .108-.082.19-.19.19H10.19a.187.187 0 0 1-.19-.19V10h12z"/><path d="M12 4v1H9.03c-1.08 0-1.96.83-2.02 1.891q0 2.025-.005 4.049q-.004 2.023-.005 4.048v4.792c0 1.937 1.316 3.566 3.114 4.07c-.386.555-.842 1.202-1.254 1.788a78 78 0 0 0-1.186 1.707l-.069.115c-.182.3-.408.673-.162 1.098c.266.46.848.454 1.018.453h14.832c.318 0 .703-.02.954-.347c.25-.327.27-.722-.068-1.261a239 239 0 0 0-1.732-2.602l-.627-.936C23.657 23.38 25 21.742 25 19.78V6.952l-.01-.039a.2.2 0 0 1-.01-.042A2.017 2.017 0 0 0 22.95 5H20V4h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm6 0v1h-4V4zM9.03 6h13.92c.56 0 .992.417 1.032.928q.005.09.018.15v7.91c0 1.11-.903 2.012-2.01 2.012H10.01A2.014 2.014 0 0 1 8 14.988q0-2.023.005-4.047q.004-2.007.005-4.016A1.01 1.01 0 0 1 9.03 6M12 21h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m10 0h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m-7.5-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5zm-3.504 5.228c.077-.125.433-.5.886-.5h8.016c.395 0 .69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096H10.69zM9.668 27.32c.106-.173.618-.596 1.07-.596h10.55c.211 0 .524.118.664.328c.077.115.374.564.444.673H9.39c.058-.077.195-.266.28-.405"/></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="M9 14.81c0 .66.53 1.19 1.19 1.19h11.62c.66 0 1.19-.53 1.19-1.19V7.83c0-.46-.37-.83-.82-.83H9.83c-.46 0-.83.37-.83.83zm13 0c0 .108-.082.19-.19.19H10.19a.187.187 0 0 1-.19-.19V10h12z"/><path d="M12 4v1H9.03c-1.08 0-1.96.83-2.02 1.891q0 2.025-.005 4.049q-.004 2.023-.005 4.048v4.792c0 1.937 1.316 3.566 3.114 4.07c-.386.555-.842 1.202-1.254 1.788a78 78 0 0 0-1.186 1.707l-.069.115c-.182.3-.408.673-.162 1.098c.266.46.848.454 1.018.453h14.832c.318 0 .703-.02.954-.347c.25-.327.27-.722-.068-1.261a239 239 0 0 0-1.732-2.602l-.627-.936C23.657 23.38 25 21.742 25 19.78V6.952l-.01-.039a.2.2 0 0 1-.01-.042A2.017 2.017 0 0 0 22.95 5H20V4h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm6 0v1h-4V4zM9.03 6h13.92c.56 0 .992.417 1.032.928q.005.09.018.15v7.91c0 1.11-.903 2.012-2.01 2.012H10.01A2.014 2.014 0 0 1 8 14.988q0-2.023.005-4.047q.004-2.007.005-4.016A1.01 1.01 0 0 1 9.03 6M12 21h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m10 0h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m-7.5-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5zm-3.504 5.228c.077-.125.433-.5.886-.5h8.016c.395 0 .69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096H10.69zM9.668 27.32c.106-.173.618-.596 1.07-.596h10.55c.211 0 .524.118.664.328c.077.115.374.564.444.673H9.39c.058-.077.195-.266.28-.405"/></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%22currentColor%22%3E%3Cpath%20d%3D%22M9%2014.81c0%20.66.53%201.19%201.19%201.19h11.62c.66%200%201.19-.53%201.19-1.19V7.83c0-.46-.37-.83-.82-.83H9.83c-.46%200-.83.37-.83.83zm13%200c0%20.108-.082.19-.19.19H10.19a.187.187%200%200%201-.19-.19V10h12z%22%2F%3E%3Cpath%20d%3D%22M12%204v1H9.03c-1.08%200-1.96.83-2.02%201.891q0%202.025-.005%204.049q-.004%202.023-.005%204.048v4.792c0%201.937%201.316%203.566%203.114%204.07c-.386.555-.842%201.202-1.254%201.788a78%2078%200%200%200-1.186%201.707l-.069.115c-.182.3-.408.673-.162%201.098c.266.46.848.454%201.018.453h14.832c.318%200%20.703-.02.954-.347c.25-.327.27-.722-.068-1.261a239%20239%200%200%200-1.732-2.602l-.627-.936C23.657%2023.38%2025%2021.742%2025%2019.78V6.952l-.01-.039a.2.2%200%200%201-.01-.042A2.017%202.017%200%200%200%2022.95%205H20V4h2c.56%200%201-.44%201-1c0-.55-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zm6%200v1h-4V4zM9.03%206h13.92c.56%200%20.992.417%201.032.928q.005.09.018.15v7.91c0%201.11-.903%202.012-2.01%202.012H10.01A2.014%202.014%200%200%201%208%2014.988q0-2.023.005-4.047q.004-2.007.005-4.016A1.01%201.01%200%200%201%209.03%206M12%2021h-2c-.55%200-1-.45-1-1s.45-1%201-1h2c.55%200%201%20.45%201%201c0%20.56-.44%201-1%201m10%200h-2c-.55%200-1-.45-1-1s.45-1%201-1h2c.55%200%201%20.45%201%201c0%20.56-.44%201-1%201m-7.5-1c-.28%200-.5-.22-.5-.5s.22-.5.5-.5h3c.28%200%20.5.22.5.5s-.22.5-.5.5zm-3.504%205.228c.077-.125.433-.5.886-.5h8.016c.395%200%20.69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096H10.69zM9.668%2027.32c.106-.173.618-.596%201.07-.596h10.55c.211%200%20.524.118.664.328c.077.115.374.564.444.673H9.39c.058-.077.195-.266.28-.405%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%22M9%2014.81c0%20.66.53%201.19%201.19%201.19h11.62c.66%200%201.19-.53%201.19-1.19V7.83c0-.46-.37-.83-.82-.83H9.83c-.46%200-.83.37-.83.83zm13%200c0%20.108-.082.19-.19.19H10.19a.187.187%200%200%201-.19-.19V10h12z%22%2F%3E%3Cpath%20d%3D%22M12%204v1H9.03c-1.08%200-1.96.83-2.02%201.891q0%202.025-.005%204.049q-.004%202.023-.005%204.048v4.792c0%201.937%201.316%203.566%203.114%204.07c-.386.555-.842%201.202-1.254%201.788a78%2078%200%200%200-1.186%201.707l-.069.115c-.182.3-.408.673-.162%201.098c.266.46.848.454%201.018.453h14.832c.318%200%20.703-.02.954-.347c.25-.327.27-.722-.068-1.261a239%20239%200%200%200-1.732-2.602l-.627-.936C23.657%2023.38%2025%2021.742%2025%2019.78V6.952l-.01-.039a.2.2%200%200%201-.01-.042A2.017%202.017%200%200%200%2022.95%205H20V4h2c.56%200%201-.44%201-1c0-.55-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zm6%200v1h-4V4zM9.03%206h13.92c.56%200%20.992.417%201.032.928q.005.09.018.15v7.91c0%201.11-.903%202.012-2.01%202.012H10.01A2.014%202.014%200%200%201%208%2014.988q0-2.023.005-4.047q.004-2.007.005-4.016A1.01%201.01%200%200%201%209.03%206M12%2021h-2c-.55%200-1-.45-1-1s.45-1%201-1h2c.55%200%201%20.45%201%201c0%20.56-.44%201-1%201m10%200h-2c-.55%200-1-.45-1-1s.45-1%201-1h2c.55%200%201%20.45%201%201c0%20.56-.44%201-1%201m-7.5-1c-.28%200-.5-.22-.5-.5s.22-.5.5-.5h3c.28%200%20.5.22.5.5s-.22.5-.5.5zm-3.504%205.228c.077-.125.433-.5.886-.5h8.016c.395%200%20.69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096H10.69zM9.668%2027.32c.106-.173.618-.596%201.07-.596h10.55c.211%200%20.524.118.664.328c.077.115.374.564.444.673H9.39c.058-.077.195-.266.28-.405%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.svg?color=%231a73e8&size=48
