Icône Mate
fluent-emoji-high-contrast:mate
L'icône Mate (fluent-emoji-high-contrast:mate) 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
- Nourriture et boissons
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m23.31 3.133l-1.91-1.1a.255.255 0 0 0-.37.15l-.796 2.646l-.044-.026a.505.505 0 0 0-.51.87l.016.01l-1.512 2.619A8 8 0 0 0 16 8a7.97 7.97 0 0 0-5.292 2H6a1 1 0 1 0 0 2a2 2 0 0 1 .28.353c.22.358.22.647.22.647c0 .245-.09.52-.225.846q-.088.207-.194.444C5.637 15.288 5 16.72 5 19c0 6.5 5 11 11 11s11-4.5 11-11c0-2.28-.637-3.712-1.08-4.71q-.107-.237-.195-.444c-.135-.327-.225-.601-.225-.846c0 0 0-.113.054-.285a1.6 1.6 0 0 1 .199-.414q.095-.148.247-.301a1 1 0 1 0 0-2h-4.708a8 8 0 0 0-1.693-1.147l1.396-2.418l.015.008c.24.14.55.05.69-.18c.14-.24.06-.55-.18-.69l-.051-.03l1.891-2.01c.12-.13.09-.32-.05-.4M8.387 13.846h15.226c.084.327.197.603.277.793c.098.235.167.389.232.534c.082.18.156.346.271.632c.305.764.607 1.759.607 3.195c0 5.336-4.044 9-9 9s-9-3.664-9-9c0-1.436.302-2.431.607-3.195c.115-.286.19-.452.27-.632c.066-.145.136-.3.234-.534c.08-.19.192-.466.276-.793"/></svg>Comment utiliser l'icône Mate
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:mate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:mate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:mate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--mate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:mate"></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:mate"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/mate.svg" alt="Icône Mate" width="24" height="24">L'icône Mate dans d'autres collections
FAQ : Icône Mate
L'icône Mate 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 Mate dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:mate" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Mate à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/mate.svg" alt="Icône Mate">, ou collez le code SVG directement dans la page pour le styliser en CSS.