Icône Metro
noto-v1:metro
L'icône Metro (noto-v1:metro) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Noto Emoji (v1)
- Auteur
- Google Inc
- Licence
- Apache-2.0
- Taille
- 128 × 128
- Catégorie
- Voyage et lieux
Code 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>
Comment utiliser l'icône 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>
Image HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/metro.svg" alt="Icône Metro" width="24" height="24">
L'icône Metro dans d'autres collections
FAQ : Icône Metro
L'icône Metro est-elle gratuite pour un usage commercial ?
Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Metro dans React ?
Installez @iconify/react et affichez <Icon icon="noto-v1:metro" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Metro à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto-v1/metro.svg" alt="Icône Metro">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Noto Emoji (v1) →
ICONYZ
