Icône Butter
fluent-emoji-high-contrast:butter
L'icône Butter (fluent-emoji-high-contrast:butter) 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="M19.347 11.23a2.23 2.23 0 0 0-1.965.001l-8.042 3.85l-.007.005A1.8 1.8 0 0 0 8.4 16.25a2.22 2.22 0 0 0-1.53.16l-.98.47l-.008.005c-.585.292-.983.89-.983 1.584v1.596L1.892 21.53l-.01.005A1.57 1.57 0 0 0 1 22.93v1.22c0 .562.3 1.133.883 1.424l10.153 4.992a3.22 3.22 0 0 0 2.866 0l15.196-7.397l.01-.005c.582-.29.882-.863.882-1.424v-1.22a1.57 1.57 0 0 0-.883-1.394l-2.687-1.322V16.3a1.78 1.78 0 0 0-.983-1.585l-7.086-3.482zM16.91 21.48c0-.22-.041-.434-.118-.632L17.1 21c.19.09.31.29.31.5v2.73c0 .24-.25.4-.47.29l-.03-.015zm-12.01.73c0 .629.362 1.181.886 1.456l.011.006l7.382 3.626l.011.005a1.8 1.8 0 0 0 1.524.007l.01-.005l1.272-.615l.011-.006c.451-.225.754-.631.86-1.092c.43.136.893.102 1.297-.082l.01-.004l8.336-3.998l.007-.004c.57-.284.903-.857.903-1.464v-1.121l2.24 1.1c.44.22.44.84 0 1.06l-15.2 7.4c-.62.31-1.36.31-1.98 0L2.33 23.49a.59.59 0 0 1 0-1.06l2.57-1.251zm12.91-10.08c.35-.17.75-.17 1.11 0l7.01 3.45c.2.1.2.39 0 .49l-8.13 3.9c-.25.12-.53.12-.77 0l-7.18-3.53c-.2-.1-.2-.39 0-.49zM5.9 19.43c0-.2.21-.34.4-.25l7.36 3.62a.55.55 0 0 1 .3.395v2.825a.3.3 0 0 0 .006.063a.323.323 0 0 1-.466.237l-7.24-3.56a.62.62 0 0 1-.36-.56zm.5-1.69l.9-.43c.35-.17.75-.17 1.1 0l7.01 3.44c.2.1.2.39 0 .49l-1.06.52c-.25.12-.53.12-.77 0L6.4 18.23c-.2-.1-.2-.39 0-.49"/></svg>
Comment utiliser l'icône Butter
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:butter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:butter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:butter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--butter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:butter"></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:butter"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/butter.svg" alt="Icône Butter" width="24" height="24">
Icônes similaires dans Fluent Emoji High Contrast
L'icône Butter dans d'autres collections
FAQ : Icône Butter
L'icône Butter 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 Butter dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:butter" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Butter à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/butter.svg" alt="Icône Butter">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji High Contrast →
ICONYZ
