Ícone Metro
noto-v1:metro
O ícone Metro (noto-v1:metro) é um ícone SVG gratuito da coleção Noto Emoji (v1) de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Noto Emoji (v1)
- Autor
- Google Inc
- Licença
- Apache-2.0
- Tamanho
- 128 × 128
- Categoria
- Viagens e lugares
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#006ca2" d="M127.64 64c0 35.15-28.49 63.64-63.65 63.64C28.86 127.64.36 99.15.36 64S28.86.36 63.99.36c35.16 0 63.65 28.49 63.65 63.64"/><path fill="#fff" d="M49.72 106.98c0 1.97-1.6 3.57-3.57 3.57s-3.56-1.6-3.56-3.57v-13.7c0-1.97 1.6-3.56 3.56-3.56c1.97 0 3.57 1.6 3.57 3.56zm28.85 0c0 1.97 1.59 3.57 3.56 3.57s3.56-1.6 3.56-3.57v-13.7c0-1.97-1.6-3.56-3.56-3.56c-1.97 0-3.56 1.6-3.56 3.56z"/><defs><path id="SVGZFKtvbkp" d="M100.3 83.77c0 9.04-7.32 16.36-16.37 16.36H44.34c-9.04 0-16.37-7.33-16.37-16.36V38.69c0-9.03 7.33-16.36 16.37-16.36h39.59c9.05 0 16.37 7.33 16.37 16.36z"/></defs><use fill="#ed6c30" href="#SVGZFKtvbkp"/><path fill="#40c0e7" d="M93.08 47.76c0 4.87-3.94 8.83-8.83 8.83H44.02c-4.87 0-8.82-3.95-8.82-8.83V36.61c0-4.87 3.95-8.83 8.82-8.83h40.24c4.88 0 8.83 3.95 8.83 8.83v11.15z"/><path fill="#fff" d="M47.24 83.78c0 3.27-2.67 5.93-5.94 5.93c-3.29 0-5.94-2.66-5.94-5.93c0-3.28 2.65-5.94 5.94-5.94c3.27 0 5.94 2.66 5.94 5.94m33.8 0c0 3.27 2.66 5.93 5.94 5.93s5.94-2.66 5.94-5.93a5.94 5.94 0 0 0-5.94-5.94c-3.27 0-5.94 2.66-5.94 5.94"/></svg>
Como usar o ícone Metro
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:metro" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:metro" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:metro" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--metro]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:metro"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:metro"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/metro.svg" alt="Ícone Metro" width="24" height="24">
O ícone Metro em outras coleções
Perguntas frequentes sobre Ícone Metro
O ícone Metro é grátis para uso comercial?
Sim. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Metro no React?
Instale @iconify/react e renderize <Icon icon="noto-v1:metro" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Metro a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/noto-v1/metro.svg" alt="Ícone Metro">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Noto Emoji (v1) →
ICONYZ
