Icône Label
fluent-emoji-high-contrast:label
L'icône Label (fluent-emoji-high-contrast:label) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, 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
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Objets
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path fill-rule="evenodd" d="M21.787 5.708a2.42 2.42 0 0 0-2.58-.549l-.006.003l-5.02 1.93l-.008.003a4 4 0 0 0-1.36.883l-11.1 11.1a2.41 2.41 0 0 0 .003 3.427l7.997 7.997a2.41 2.41 0 0 0 3.427-.003l11.097-11.097c.39-.39.687-.85.886-1.368l.557-1.447q.21-.012.418-.042q.06-.008.12-.024a5.212 5.212 0 1 0-3.344-9.726zm2.608 2.608l2.112 2.112c.685.684.886 1.704.546 2.586l-.52 1.352a3.211 3.211 0 0 0-2.138-6.05m-.157 6.085l.123.042l.826-2.147a.43.43 0 0 0-.094-.454l-4.72-4.72a.43.43 0 0 0-.458-.092h-.002l-5.01 1.927a2 2 0 0 0-.676.435l-11.1 11.1a.413.413 0 0 0-.006.59l.006.006l8 8a.413.413 0 0 0 .59.006l.006-.006l11.1-11.1c.19-.19.333-.41.434-.672l.386-1.004a5 5 0 0 1-.672-.284a5.2 5.2 0 0 1-2.145-2.034a2.257 2.257 0 0 1-1.97-3.822a2.256 2.256 0 0 1 3.198 0c.716.716.853 1.787.41 2.639a3.22 3.22 0 0 0 1.774 1.59M20.2 10.534a1.26 1.26 0 0 0-.635.345a1.256 1.256 0 0 0 .828 2.145a5.25 5.25 0 0 1-.193-2.49" clip-rule="evenodd"/><path d="M21.787 5.708a2.42 2.42 0 0 0-2.58-.549l-.006.003l-5.02 1.93l-.008.003a4 4 0 0 0-1.36.883l-11.1 11.1a2.41 2.41 0 0 0 .003 3.427l7.997 7.997a2.41 2.41 0 0 0 3.427-.003l11.097-11.097c.39-.39.687-.85.886-1.368l.557-1.447q.21-.012.418-.042q.06-.008.12-.024a5.212 5.212 0 1 0-3.344-9.726zm2.608 2.608a3.21 3.21 0 0 1 2.138 6.05l.52-1.352a2.43 2.43 0 0 0-.546-2.586zm-.157 6.085a3.22 3.22 0 0 1-1.775-1.59a2.26 2.26 0 0 0-.41-2.64a2.256 2.256 0 0 0-3.197 0a2.256 2.256 0 0 0 1.97 3.823a5.2 5.2 0 0 0 2.817 2.318l-.386 1.004a1.9 1.9 0 0 1-.434.672l-11.1 11.1l-.006.006a.413.413 0 0 1-.59-.006l-8-8l-.006-.006a.413.413 0 0 1 .006-.59l11.1-11.1c.183-.183.413-.33.676-.435l5.01-1.926l.002-.001a.43.43 0 0 1 .458.092l4.72 4.72a.43.43 0 0 1 .094.454l-.826 2.147zM20.2 10.534a5.25 5.25 0 0 0 .193 2.49a1.256 1.256 0 0 1-.828-2.145a1.26 1.26 0 0 1 .635-.345"/></g></svg>
Comment utiliser l'icône Label
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:label" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:label" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:label" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--label]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:label"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:label"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/label.svg" alt="Icône Label" width="24" height="24">
L'icône Label dans d'autres collections
FAQ : Icône Label
L'icône Label est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Label dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:label" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Label à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/label.svg" alt="Icône Label">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji High Contrast →
ICONYZ
