metro emoji
metro from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- metro
- 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 metro 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="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 14"/><path fill="#fff" d="M24 16V6.79C24 5.8 23.19 5 22.19 5H9.82c-1 0-1.81.8-1.81 1.79V16z"/><path fill="#d3d3d3" d="M9.875 22.373c-.636.976-1.943 2.99-2.09 3.245l-.069.116c-.182.3-.408.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-.27-.432-1.55-2.382-2.157-3.303zm.928 1.634c.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.997c.058-.076.195-.265.28-.404c.105-.173.617-.596 1.07-.596h10.548c.212 0 .525.118.665.328l.445.673z"/><path fill="#f92f60" d="M8 16v3.24C8 21.32 9.71 23 11.81 23h8.37c2.11 0 3.81-1.68 3.81-3.76V16z"/><path fill="#fcd53f" d="M11 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 fill="#636363" d="M12.5 7h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5m-.54 10h8.09c1.08 0 1.95-.87 1.96-1.96V9.95c0-1.08-.88-1.96-1.96-1.96h-8.09c-1.08 0-1.96.88-1.96 1.96v5.09c0 1.08.88 1.96 1.96 1.96"/><path fill="#00d1ed" d="M19.54 16h-7.07c-.81 0-1.47-.66-1.47-1.47v-4.07c0-.81.66-1.47 1.47-1.47h7.07c.81 0 1.47.66 1.47 1.47v4.07c-.01.82-.66 1.47-1.47 1.47"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatMetro(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="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 14"/><path fill="#fff" d="M24 16V6.79C24 5.8 23.19 5 22.19 5H9.82c-1 0-1.81.8-1.81 1.79V16z"/><path fill="#d3d3d3" d="M9.875 22.373c-.636.976-1.943 2.99-2.09 3.245l-.069.116c-.182.3-.408.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-.27-.432-1.55-2.382-2.157-3.303zm.928 1.634c.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.997c.058-.076.195-.265.28-.404c.105-.173.617-.596 1.07-.596h10.548c.212 0 .525.118.665.328l.445.673z"/><path fill="#f92f60" d="M8 16v3.24C8 21.32 9.71 23 11.81 23h8.37c2.11 0 3.81-1.68 3.81-3.76V16z"/><path fill="#fcd53f" d="M11 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 fill="#636363" d="M12.5 7h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5m-.54 10h8.09c1.08 0 1.95-.87 1.96-1.96V9.95c0-1.08-.88-1.96-1.96-1.96h-8.09c-1.08 0-1.96.88-1.96 1.96v5.09c0 1.08.88 1.96 1.96 1.96"/><path fill="#00d1ed" d="M19.54 16h-7.07c-.81 0-1.47-.66-1.47-1.47v-4.07c0-.81.66-1.47 1.47-1.47h7.07c.81 0 1.47.66 1.47 1.47v4.07c-.01.82-.66 1.47-1.47 1.47"/></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="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 14"/><path fill="#fff" d="M24 16V6.79C24 5.8 23.19 5 22.19 5H9.82c-1 0-1.81.8-1.81 1.79V16z"/><path fill="#d3d3d3" d="M9.875 22.373c-.636.976-1.943 2.99-2.09 3.245l-.069.116c-.182.3-.408.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-.27-.432-1.55-2.382-2.157-3.303zm.928 1.634c.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.997c.058-.076.195-.265.28-.404c.105-.173.617-.596 1.07-.596h10.548c.212 0 .525.118.665.328l.445.673z"/><path fill="#f92f60" d="M8 16v3.24C8 21.32 9.71 23 11.81 23h8.37c2.11 0 3.81-1.68 3.81-3.76V16z"/><path fill="#fcd53f" d="M11 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 fill="#636363" d="M12.5 7h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5m-.54 10h8.09c1.08 0 1.95-.87 1.96-1.96V9.95c0-1.08-.88-1.96-1.96-1.96h-8.09c-1.08 0-1.96.88-1.96 1.96v5.09c0 1.08.88 1.96 1.96 1.96"/><path fill="#00d1ed" d="M19.54 16h-7.07c-.81 0-1.47-.66-1.47-1.47v-4.07c0-.81.66-1.47 1.47-1.47h7.07c.81 0 1.47.66 1.47 1.47v4.07c-.01.82-.66 1.47-1.47 1.47"/></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%22none%22%3E%3Cpath%20fill%3D%22%23321b41%22%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%2014%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%2016V6.79C24%205.8%2023.19%205%2022.19%205H9.82c-1%200-1.81.8-1.81%201.79V16z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M9.875%2022.373c-.636.976-1.943%202.99-2.09%203.245l-.069.116c-.182.3-.408.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-.27-.432-1.55-2.382-2.157-3.303zm.928%201.634c.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.997c.058-.076.195-.265.28-.404c.105-.173.617-.596%201.07-.596h10.548c.212%200%20.525.118.665.328l.445.673z%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M8%2016v3.24C8%2021.32%209.71%2023%2011.81%2023h8.37c2.11%200%203.81-1.68%203.81-3.76V16z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M11%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%20fill%3D%22%23636363%22%20d%3D%22M12.5%207h7c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-7c-.28%200-.5.22-.5.5s.22.5.5.5m-.54%2010h8.09c1.08%200%201.95-.87%201.96-1.96V9.95c0-1.08-.88-1.96-1.96-1.96h-8.09c-1.08%200-1.96.88-1.96%201.96v5.09c0%201.08.88%201.96%201.96%201.96%22%2F%3E%3Cpath%20fill%3D%22%2300d1ed%22%20d%3D%22M19.54%2016h-7.07c-.81%200-1.47-.66-1.47-1.47v-4.07c0-.81.66-1.47%201.47-1.47h7.07c.81%200%201.47.66%201.47%201.47v4.07c-.01.82-.66%201.47-1.47%201.47%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%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%2014%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%2016V6.79C24%205.8%2023.19%205%2022.19%205H9.82c-1%200-1.81.8-1.81%201.79V16z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M9.875%2022.373c-.636.976-1.943%202.99-2.09%203.245l-.069.116c-.182.3-.408.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-.27-.432-1.55-2.382-2.157-3.303zm.928%201.634c.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.997c.058-.076.195-.265.28-.404c.105-.173.617-.596%201.07-.596h10.548c.212%200%20.525.118.665.328l.445.673z%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M8%2016v3.24C8%2021.32%209.71%2023%2011.81%2023h8.37c2.11%200%203.81-1.68%203.81-3.76V16z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M11%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%20fill%3D%22%23636363%22%20d%3D%22M12.5%207h7c.28%200%20.5-.22.5-.5s-.22-.5-.5-.5h-7c-.28%200-.5.22-.5.5s.22.5.5.5m-.54%2010h8.09c1.08%200%201.95-.87%201.96-1.96V9.95c0-1.08-.88-1.96-1.96-1.96h-8.09c-1.08%200-1.96.88-1.96%201.96v5.09c0%201.08.88%201.96%201.96%201.96%22%2F%3E%3Cpath%20fill%3D%22%2300d1ed%22%20d%3D%22M19.54%2016h-7.07c-.81%200-1.47-.66-1.47-1.47v-4.07c0-.81.66-1.47%201.47-1.47h7.07c.81%200%201.47.66%201.47%201.47v4.07c-.01.82-.66%201.47-1.47%201.47%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/metro.svg?color=%231a73e8&size=48
