metro emoji
metro from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- metro
- 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 metro 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.803 24.007c.06-.103.243-.406.304-.506c.077-.125.433-.5.885-.5h8.017c.395 0 .69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096zM9.5 25.998c.058-.077.195-.266.28-.405c.105-.173.617-.596 1.07-.596h10.548c.212 0 .525.118.665.328c.077.115.374.564.444.673zM12 6.5c0 .28.22.5.5.5h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5m10.01 8.54c-.003.35-.095.677-.254.96h1.234v3.24c0 1.516-1.24 2.76-2.81 2.76h-8.37C10.248 22 9 20.754 9 19.24V16h1.252a1.95 1.95 0 0 1-.252-.96V9.95c0-1.08.88-1.96 1.96-1.96h8.09c1.08 0 1.96.88 1.96 1.96zm-9.54.96h7.07c.81 0 1.46-.65 1.47-1.47v-4.07c0-.81-.66-1.47-1.47-1.47h-7.07c-.81 0-1.47.66-1.47 1.47v4.07c0 .81.66 1.47 1.47 1.47M11 20h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1m8 0h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1"/><path d="M30 16c0 3.79-1.51 7.23-3.97 9.76c-.39.4-.8.78-1.24 1.13A13.93 13.93 0 0 1 16 30c-3.32 0-6.38-1.16-8.79-3.11c-.44-.35-.85-.73-1.24-1.13A13.95 13.95 0 0 1 2 16C2 8.27 8.27 2 16 2s14 6.27 14 14m-6-9.21A1.8 1.8 0 0 0 22.189 5H9.81A1.8 1.8 0 0 0 8 6.79v12.45c0 1.36.731 2.549 1.825 3.209c-.651 1-1.897 2.921-2.04 3.169l-.069.116c-.182.3-.409.672-.162 1.097c.266.46.848.454 1.018.453h14.832c.318 0 .703-.02.954-.347c.25-.327.27-.722-.068-1.261c-.262-.42-1.484-2.28-2.108-3.229A3.74 3.74 0 0 0 24 19.24z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastMetro(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.803 24.007c.06-.103.243-.406.304-.506c.077-.125.433-.5.885-.5h8.017c.395 0 .69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096zM9.5 25.998c.058-.077.195-.266.28-.405c.105-.173.617-.596 1.07-.596h10.548c.212 0 .525.118.665.328c.077.115.374.564.444.673zM12 6.5c0 .28.22.5.5.5h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5m10.01 8.54c-.003.35-.095.677-.254.96h1.234v3.24c0 1.516-1.24 2.76-2.81 2.76h-8.37C10.248 22 9 20.754 9 19.24V16h1.252a1.95 1.95 0 0 1-.252-.96V9.95c0-1.08.88-1.96 1.96-1.96h8.09c1.08 0 1.96.88 1.96 1.96zm-9.54.96h7.07c.81 0 1.46-.65 1.47-1.47v-4.07c0-.81-.66-1.47-1.47-1.47h-7.07c-.81 0-1.47.66-1.47 1.47v4.07c0 .81.66 1.47 1.47 1.47M11 20h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1m8 0h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1"/><path d="M30 16c0 3.79-1.51 7.23-3.97 9.76c-.39.4-.8.78-1.24 1.13A13.93 13.93 0 0 1 16 30c-3.32 0-6.38-1.16-8.79-3.11c-.44-.35-.85-.73-1.24-1.13A13.95 13.95 0 0 1 2 16C2 8.27 8.27 2 16 2s14 6.27 14 14m-6-9.21A1.8 1.8 0 0 0 22.189 5H9.81A1.8 1.8 0 0 0 8 6.79v12.45c0 1.36.731 2.549 1.825 3.209c-.651 1-1.897 2.921-2.04 3.169l-.069.116c-.182.3-.409.672-.162 1.097c.266.46.848.454 1.018.453h14.832c.318 0 .703-.02.954-.347c.25-.327.27-.722-.068-1.261c-.262-.42-1.484-2.28-2.108-3.229A3.74 3.74 0 0 0 24 19.24z"/></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.803 24.007c.06-.103.243-.406.304-.506c.077-.125.433-.5.885-.5h8.017c.395 0 .69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096zM9.5 25.998c.058-.077.195-.266.28-.405c.105-.173.617-.596 1.07-.596h10.548c.212 0 .525.118.665.328c.077.115.374.564.444.673zM12 6.5c0 .28.22.5.5.5h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5m10.01 8.54c-.003.35-.095.677-.254.96h1.234v3.24c0 1.516-1.24 2.76-2.81 2.76h-8.37C10.248 22 9 20.754 9 19.24V16h1.252a1.95 1.95 0 0 1-.252-.96V9.95c0-1.08.88-1.96 1.96-1.96h8.09c1.08 0 1.96.88 1.96 1.96zm-9.54.96h7.07c.81 0 1.46-.65 1.47-1.47v-4.07c0-.81-.66-1.47-1.47-1.47h-7.07c-.81 0-1.47.66-1.47 1.47v4.07c0 .81.66 1.47 1.47 1.47M11 20h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1m8 0h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1"/><path d="M30 16c0 3.79-1.51 7.23-3.97 9.76c-.39.4-.8.78-1.24 1.13A13.93 13.93 0 0 1 16 30c-3.32 0-6.38-1.16-8.79-3.11c-.44-.35-.85-.73-1.24-1.13A13.95 13.95 0 0 1 2 16C2 8.27 8.27 2 16 2s14 6.27 14 14m-6-9.21A1.8 1.8 0 0 0 22.189 5H9.81A1.8 1.8 0 0 0 8 6.79v12.45c0 1.36.731 2.549 1.825 3.209c-.651 1-1.897 2.921-2.04 3.169l-.069.116c-.182.3-.409.672-.162 1.097c.266.46.848.454 1.018.453h14.832c.318 0 .703-.02.954-.347c.25-.327.27-.722-.068-1.261c-.262-.42-1.484-2.28-2.108-3.229A3.74 3.74 0 0 0 24 19.24z"/></g></svg> </template>
CSS
.icon-metro {
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.803%2024.007c.06-.103.243-.406.304-.506c.077-.125.433-.5.885-.5h8.017c.395%200%20.69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096zM9.5%2025.998c.058-.077.195-.266.28-.405c.105-.173.617-.596%201.07-.596h10.548c.212%200%20.525.118.665.328c.077.115.374.564.444.673zM12%206.5c0%20.28.22.5.5.5h7c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-7c-.28%200-.5.22-.5.5m10.01%208.54c-.003.35-.095.677-.254.96h1.234v3.24c0%201.516-1.24%202.76-2.81%202.76h-8.37C10.248%2022%209%2020.754%209%2019.24V16h1.252a1.95%201.95%200%200%201-.252-.96V9.95c0-1.08.88-1.96%201.96-1.96h8.09c1.08%200%201.96.88%201.96%201.96zm-9.54.96h7.07c.81%200%201.46-.65%201.47-1.47v-4.07c0-.81-.66-1.47-1.47-1.47h-7.07c-.81%200-1.47.66-1.47%201.47v4.07c0%20.81.66%201.47%201.47%201.47M11%2020h2c.56%200%201-.44%201-1c0-.55-.45-1-1-1h-2c-.55%200-1%20.45-1%201s.45%201%201%201m8%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%20d%3D%22M30%2016c0%203.79-1.51%207.23-3.97%209.76c-.39.4-.8.78-1.24%201.13A13.93%2013.93%200%200%201%2016%2030c-3.32%200-6.38-1.16-8.79-3.11c-.44-.35-.85-.73-1.24-1.13A13.95%2013.95%200%200%201%202%2016C2%208.27%208.27%202%2016%202s14%206.27%2014%2014m-6-9.21A1.8%201.8%200%200%200%2022.189%205H9.81A1.8%201.8%200%200%200%208%206.79v12.45c0%201.36.731%202.549%201.825%203.209c-.651%201-1.897%202.921-2.04%203.169l-.069.116c-.182.3-.409.672-.162%201.097c.266.46.848.454%201.018.453h14.832c.318%200%20.703-.02.954-.347c.25-.327.27-.722-.068-1.261c-.262-.42-1.484-2.28-2.108-3.229A3.74%203.74%200%200%200%2024%2019.24z%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.803%2024.007c.06-.103.243-.406.304-.506c.077-.125.433-.5.885-.5h8.017c.395%200%20.69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096zM9.5%2025.998c.058-.077.195-.266.28-.405c.105-.173.617-.596%201.07-.596h10.548c.212%200%20.525.118.665.328c.077.115.374.564.444.673zM12%206.5c0%20.28.22.5.5.5h7c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-7c-.28%200-.5.22-.5.5m10.01%208.54c-.003.35-.095.677-.254.96h1.234v3.24c0%201.516-1.24%202.76-2.81%202.76h-8.37C10.248%2022%209%2020.754%209%2019.24V16h1.252a1.95%201.95%200%200%201-.252-.96V9.95c0-1.08.88-1.96%201.96-1.96h8.09c1.08%200%201.96.88%201.96%201.96zm-9.54.96h7.07c.81%200%201.46-.65%201.47-1.47v-4.07c0-.81-.66-1.47-1.47-1.47h-7.07c-.81%200-1.47.66-1.47%201.47v4.07c0%20.81.66%201.47%201.47%201.47M11%2020h2c.56%200%201-.44%201-1c0-.55-.45-1-1-1h-2c-.55%200-1%20.45-1%201s.45%201%201%201m8%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%20d%3D%22M30%2016c0%203.79-1.51%207.23-3.97%209.76c-.39.4-.8.78-1.24%201.13A13.93%2013.93%200%200%201%2016%2030c-3.32%200-6.38-1.16-8.79-3.11c-.44-.35-.85-.73-1.24-1.13A13.95%2013.95%200%200%201%202%2016C2%208.27%208.27%202%2016%202s14%206.27%2014%2014m-6-9.21A1.8%201.8%200%200%200%2022.189%205H9.81A1.8%201.8%200%200%200%208%206.79v12.45c0%201.36.731%202.549%201.825%203.209c-.651%201-1.897%202.921-2.04%203.169l-.069.116c-.182.3-.409.672-.162%201.097c.266.46.848.454%201.018.453h14.832c.318%200%20.703-.02.954-.347c.25-.327.27-.722-.068-1.261c-.262-.42-1.484-2.28-2.108-3.229A3.74%203.74%200%200%200%2024%2019.24z%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/metro.svg?color=%231a73e8&size=48
