Icône Butter
fluent-emoji:butter
L'icône Butter (fluent-emoji:butter) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iAU1Sad)" d="M28.87 20.52v.3l-10.09-4.96a.6.6 0 0 0-.52 0L3.12 23.23v-.3H2v1.22c0 .21.11.42.33.53l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4c.22-.11.33-.32.33-.53v-1.22z"/><path fill="url(#iirZAOc)" d="M18.26 14.67L2.33 22.43a.59.59 0 0 0 0 1.06l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4a.59.59 0 0 0 0-1.06l-10.88-5.35a.6.6 0 0 0-.52 0"/><path fill="url(#iq1Weib)" d="M18.26 14.67L2.33 22.43a.59.59 0 0 0 0 1.06l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4a.59.59 0 0 0 0-1.06l-10.88-5.35a.6.6 0 0 0-.52 0"/><g filter="url(#ioHUqse)"><path fill="#BF9A82" d="M8.569 20.882c0 .24.14.46.35.57l7.37 3.62c.21.1.258.1.478 0l8.32-3.99c.22-.11.35-.33.35-.57z"/></g><g filter="url(#ibXD89b)"><path fill="#EDE7F1" fill-rule="evenodd" d="M29.765 21.047c-.135.136-.32.25-.484.343c-.169.096-3.76 1.866-7.343 3.627s-7.179 3.521-7.357 3.598c-.192.082-.57.174-.98.2c-.407.027-.632-.051-.984-.249c0 0 .536.029.968 0c.39-.025.738-.113.897-.18c.171-.074 3.756-1.83 7.346-3.593c3.591-1.765 7.17-3.53 7.329-3.62a2 2 0 0 0 .43-.302l.363-.369c.053.223-.049.406-.185.545" clip-rule="evenodd"/></g><g filter="url(#iKHtgdb)"><path fill="#A67858" d="M9.162 20.52c0 .24.14.46.35.57l7.37 3.62c.21.1.46.1.68 0l8.32-3.99c.22-.11.35-.33.35-.57z"/></g><path fill="url(#iCcseub)" d="M18.91 12.13c-.35-.17-.75-.17-1.09 0l-8.04 3.85c-.26.13-.43.4-.43.69v3.74c0 .24.14.46.35.57l7.37 3.62c.21.1.46.1.68 0l8.32-3.99c.22-.11.35-.33.35-.57V16.3c0-.29-.17-.56-.43-.69z"/><path fill="url(#iE0oV1W)" d="M18.91 12.13c-.35-.17-.75-.17-1.09 0l-8.04 3.85c-.26.13-.43.4-.43.69v3.74c0 .24.14.46.35.57l7.37 3.62c.21.1.46.1.68 0l8.32-3.99c.22-.11.35-.33.35-.57V16.3c0-.29-.17-.56-.43-.69z"/><path fill="url(#ie2wvwc)" d="M9.35 20.4v-3.77c0-.2.21-.34.4-.25L17.1 20c.19.09.31.29.31.5v3.73c0 .24-.25.4-.47.29l-7.23-3.55a.63.63 0 0 1-.36-.57"/><g filter="url(#iS425Kl)"><path fill="url(#imvU3mr)" d="M9.64 20.344v-3.532c0-.2.201-.34.391-.25L17.1 20c.19.09.31.29.31.5v3.663c0 .24-.25.4-.47.29l-6.949-3.54a.62.62 0 0 1-.35-.57"/></g><g filter="url(#igALHmc)"><path fill="#9E7968" d="M5.713 22.366c0 .24.14.46.35.57l7.37 3.62c.21.1.46.1.68 0l1.26-.61c.22-.11.35-.33.35-.57c0 0-9.098-4.454-10.01-3.01"/></g><path fill="url(#iekqhFe)" d="M8.4 17.31c-.35-.17-.75-.17-1.09 0l-.98.47c-.26.13-.43.39-.43.69v3.74c0 .24.14.46.35.57l7.37 3.62c.21.1.46.1.68 0l1.26-.61c.22-.11.35-.33.35-.57v-3.74c0-.29-.17-.56-.43-.69z"/><path fill="url(#iUld6fc)" d="M8.4 17.31c-.35-.17-.75-.17-1.09 0l-.98.47c-.26.13-.43.39-.43.69v3.74c0 .24.14.46.35.57l7.37 3.62c.21.1.46.1.68 0l1.26-.61c.22-.11.35-.33.35-.57v-3.74c0-.29-.17-.56-.43-.69z"/><path fill="url(#i0x9fme)" d="M8.4 17.31c-.35-.17-.75-.17-1.09 0l-.98.47c-.26.13-.43.39-.43.69v3.74c0 .24.14.46.35.57l7.37 3.62c.21.1.46.1.68 0l1.26-.61c.22-.11.35-.33.35-.57v-3.74c0-.29-.17-.56-.43-.69z"/><g filter="url(#isIX9rr)"><path fill="url(#iq0YoRd)" d="M6.296 22.083V18.53c0-.2.21-.34.4-.25l6.964 3.52c.19.09.31.29.31.5v3.512c0 .24-.25.4-.47.29l-6.844-3.46a.62.62 0 0 1-.36-.56"/></g><g filter="url(#imPGtQb)"><circle cx="3.82" cy="23.07" r=".992" fill="#B0978A"/></g><circle cx="4.016" cy="23.016" r="1.047" fill="url(#iEoBDeI)"/><g filter="url(#iuiHZKe)"><circle cx="5.416" cy="23.578" r=".484" fill="#B0978A"/></g><circle cx="5.516" cy="23.531" r=".484" fill="url(#inhc5yR)"/><defs><filter id="ioHUqse" width="18.869" height="6.635" x="7.569" y="19.512" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32336" stdDeviation=".5"/></filter><filter id="ibXD89b" width="17.547" height="8.518" x="12.517" y="20.402" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32336" stdDeviation=".05"/></filter><filter id="iKHtgdb" width="17.57" height="5.135" x="8.912" y="19.899" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32336" stdDeviation=".125"/></filter><filter id="iS425Kl" width="9.769" height="9.954" x="8.641" y="15.534" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32336" stdDeviation=".5"/></filter><filter id="igALHmc" width="10.51" height="5.053" x="5.463" y="21.828" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32336" stdDeviation=".125"/></filter><filter id="isIX9rr" width="9.674" height="9.886" x="5.296" y="17.252" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32336" stdDeviation=".5"/></filter><filter id="imPGtQb" width="2.184" height="2.184" x="2.728" y="21.978" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32336" stdDeviation=".05"/></filter><filter id="iuiHZKe" width="1.169" height="1.169" x="4.831" y="22.994" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32336" stdDeviation=".05"/></filter><linearGradient id="iAU1Sad" x1="2" x2="29.99" y1="23.188" y2="23.188" gradientUnits="userSpaceOnUse"><stop stop-color="#BEA8C2"/><stop offset=".145" stop-color="#C1A6D1"/><stop offset=".371" stop-color="#C19FE2"/><stop offset=".424" stop-color="#D8B8FF"/><stop offset=".485" stop-color="#E4CFFF"/><stop offset=".893" stop-color="#DECFF8"/><stop offset="1" stop-color="#DCCFF4"/></linearGradient><linearGradient id="iirZAOc" x1="11.75" x2="16.688" y1="17.563" y2="27.875" gradientUnits="userSpaceOnUse"><stop stop-color="#B1A09A"/><stop offset=".4" stop-color="#CABABE"/><stop offset=".823" stop-color="#E6D3C4"/></linearGradient><linearGradient id="iCcseub" x1="15.25" x2="20.313" y1="13.344" y2="24.063" gradientUnits="userSpaceOnUse"><stop stop-color="#E7BB42"/><stop offset=".053" stop-color="#F1C740"/><stop offset=".569" stop-color="#F2C941"/><stop offset=".599" stop-color="#FFD85E"/><stop offset=".622" stop-color="#F9C83F"/><stop offset="1" stop-color="#FAB842"/></linearGradient><linearGradient id="iE0oV1W" x1="20.313" x2="19.219" y1="23.375" y2="21.063" gradientUnits="userSpaceOnUse"><stop offset=".067" stop-color="#F8B644"/><stop offset=".301" stop-color="#FAB842" stop-opacity="0"/></linearGradient><linearGradient id="ie2wvwc" x1="12" x2="14.656" y1="22.938" y2="16.656" gradientUnits="userSpaceOnUse"><stop stop-color="#F2C941"/><stop offset="1" stop-color="#F2C941" stop-opacity="0"/></linearGradient><linearGradient id="iekqhFe" x1="8.531" x2="13.719" y1="16.719" y2="26.281" gradientUnits="userSpaceOnUse"><stop stop-color="#E9BD42"/><stop offset=".286" stop-color="#F2C841"/><stop offset=".638" stop-color="#F2C941"/><stop offset=".659" stop-color="#FED65A"/><stop offset=".681" stop-color="#FAC840"/><stop offset="1" stop-color="#FABF41"/></linearGradient><linearGradient id="iUld6fc" x1="8.188" x2="10.905" y1="24.156" y2="19.344" gradientUnits="userSpaceOnUse"><stop stop-color="#D28A30"/><stop offset=".28" stop-color="#D28A30" stop-opacity="0"/></linearGradient><radialGradient id="iq1Weib" cx="0" cy="0" r="1" gradientTransform="matrix(.3125 4.3125 -8.55926 .62023 12.625 22)" gradientUnits="userSpaceOnUse"><stop offset=".61" stop-color="#B79A90"/><stop offset="1" stop-color="#BA9E96" stop-opacity="0"/></radialGradient><radialGradient id="imvU3mr" cx="0" cy="0" r="1" gradientTransform="matrix(11.81247 5.69929 -4.15181 8.60514 11.938 20.426)" gradientUnits="userSpaceOnUse"><stop stop-color="#DB9718"/><stop offset=".339" stop-color="#E7AB16"/><stop offset="1" stop-color="#DC9819" stop-opacity="0"/></radialGradient><radialGradient id="i0x9fme" cx="0" cy="0" r="1" gradientTransform="rotate(28.94 -42.337 21.13)scale(6.07055 6.53927)" gradientUnits="userSpaceOnUse"><stop stop-color="#D48B1F"/><stop offset="1" stop-color="#D99A40" stop-opacity="0"/></radialGradient><radialGradient id="iq0YoRd" cx="0" cy="0" r="1" gradientTransform="rotate(25.597 -44.643 29.32)scale(13.6049 9.86695)" gradientUnits="userSpaceOnUse"><stop stop-color="#DB9718"/><stop offset=".339" stop-color="#E7AB16"/><stop offset="1" stop-color="#DC9819" stop-opacity="0"/></radialGradient><radialGradient id="iEoBDeI" cx="0" cy="0" r="1" gradientTransform="rotate(74.899 -12.787 13.775)scale(2.03917)" gradientUnits="userSpaceOnUse"><stop stop-color="#D3AD48"/><stop offset=".444" stop-color="#D7A541"/><stop offset=".808" stop-color="#D48F27"/></radialGradient><radialGradient id="inhc5yR" cx="0" cy="0" r="1" gradientTransform="rotate(76.954 -11.967 15.133)scale(.6576)" gradientUnits="userSpaceOnUse"><stop offset=".436" stop-color="#D3A53E"/><stop offset="1" stop-color="#D48F27"/></radialGradient></defs></g></svg>Comment utiliser l'icône Butter
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:butter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:butter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:butter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--butter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji: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:butter"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/butter.svg" alt="Icône Butter" width="24" height="24">Icônes similaires dans Fluent Emoji
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 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: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/butter.svg" alt="Icône Butter">, ou collez le code SVG directement dans la page pour le styliser en CSS.