Icône Teapot
fluent-emoji:teapot
L'icône Teapot (fluent-emoji:teapot) 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(#ia18ogL)" fill-rule="evenodd" d="M26.27 13A3.73 3.73 0 0 1 30 16.73c0 3.46-2.81 6.27-6.27 6.27h-4.91l4.14-7.98A3.73 3.73 0 0 1 26.27 13M28 16.73c0-.95-.78-1.73-1.73-1.73c-.65 0-1.24.36-1.54.93L22.11 21h1.62A4.28 4.28 0 0 0 28 16.73" clip-rule="evenodd"/><path fill="url(#ibfb22c)" fill-rule="evenodd" d="M26.27 13A3.73 3.73 0 0 1 30 16.73c0 3.46-2.81 6.27-6.27 6.27h-4.91l4.14-7.98A3.73 3.73 0 0 1 26.27 13M28 16.73c0-.95-.78-1.73-1.73-1.73c-.65 0-1.24.36-1.54.93L22.11 21h1.62A4.28 4.28 0 0 0 28 16.73" clip-rule="evenodd"/><path fill="url(#iZFweVc)" fill-rule="evenodd" d="M26.27 13A3.73 3.73 0 0 1 30 16.73c0 3.46-2.81 6.27-6.27 6.27h-4.91l4.14-7.98A3.73 3.73 0 0 1 26.27 13M28 16.73c0-.95-.78-1.73-1.73-1.73c-.65 0-1.24.36-1.54.93L22.11 21h1.62A4.28 4.28 0 0 0 28 16.73" clip-rule="evenodd"/><path fill="url(#iJJEOMc)" d="M15.51 7.98a1.49 1.49 0 1 0 0-2.98a1.49 1.49 0 0 0 0 2.98"/><path fill="url(#iW7fePd)" d="M15.51 7.98a1.49 1.49 0 1 0 0-2.98a1.49 1.49 0 0 0 0 2.98"/><path fill="url(#i7AQPZd)" d="M22.07 10c-1.59-1.84-3.94-3-6.56-3s-4.97 1.16-6.56 3z"/><path fill="url(#ipZiniG)" d="M8.72 26.43L4.5 22.42A8.04 8.04 0 0 1 2 16.59v-5.06c0-.29.24-.53.53-.53h2.29c.29 0 .53.24.53.53v2.11c0 .49.27.94.7 1.16l2.66 1.4v10.23z"/><path fill="#D42E6B" d="M8.72 26.43L4.5 22.42A8.04 8.04 0 0 1 2 16.59v-5.06c0-.29.24-.53.53-.53h2.29c.29 0 .53.24.53.53v2.11c0 .49.27.94.7 1.16l2.66 1.4v10.23z"/><path fill="url(#i3GA80c)" d="M8.72 26.43L4.5 22.42A8.04 8.04 0 0 1 2 16.59v-5.06c0-.29.24-.53.53-.53h2.29c.29 0 .53.24.53.53v2.11c0 .49.27.94.7 1.16l2.66 1.4v10.23z"/><path fill="url(#izQzbpe)" d="M8.72 26.43L4.5 22.42A8.04 8.04 0 0 1 2 16.59v-5.06c0-.29.24-.53.53-.53h2.29c.29 0 .53.24.53.53v2.11c0 .49.27.94.7 1.16l2.66 1.4v10.23z"/><path fill="url(#i72He2b)" d="M23.26 9.5H7.75c-.41 0-.75.34-.75.75s.34.75.75.75h15.51c.41 0 .75-.34.75-.75s-.34-.75-.75-.75"/><path fill="url(#iaF5oob)" d="M23.26 9.5H7.75c-.41 0-.75.34-.75.75s.34.75.75.75h15.51c.41 0 .75-.34.75-.75s-.34-.75-.75-.75"/><path fill="url(#idTivIb)" d="M23.26 9.5H7.75c-.41 0-.75.34-.75.75s.34.75.75.75h15.51c.41 0 .75-.34.75-.75s-.34-.75-.75-.75"/><path fill="url(#iQUhibb)" d="M24.81 15.2c-.04-.1-.08-.19-.12-.29L23.06 11H7.82l-1.63 3.92c-.04.09-.08.19-.12.28v.01c-.46 1.15-.71 2.4-.71 3.72C5.36 24.49 9.87 29 15.44 29s10.08-4.51 10.08-10.08c0-1.31-.25-2.57-.71-3.72"/><path fill="url(#iPCge3c)" d="M24.81 15.2c-.04-.1-.08-.19-.12-.29L23.06 11H7.82l-1.63 3.92c-.04.09-.08.19-.12.28v.01c-.46 1.15-.71 2.4-.71 3.72C5.36 24.49 9.87 29 15.44 29s10.08-4.51 10.08-10.08c0-1.31-.25-2.57-.71-3.72"/><path fill="url(#ifpGheb)" d="M24.81 15.2c-.04-.1-.08-.19-.12-.29L23.06 11H7.82l-1.63 3.92c-.04.09-.08.19-.12.28v.01c-.46 1.15-.71 2.4-.71 3.72C5.36 24.49 9.87 29 15.44 29s10.08-4.51 10.08-10.08c0-1.31-.25-2.57-.71-3.72"/><path fill="url(#iYF0m8f)" d="M24.81 15.2c-.04-.1-.08-.19-.12-.29L23.06 11H7.82l-1.63 3.92c-.04.09-.08.19-.12.28v.01c-.46 1.15-.71 2.4-.71 3.72C5.36 24.49 9.87 29 15.44 29s10.08-4.51 10.08-10.08c0-1.31-.25-2.57-.71-3.72"/><path fill="url(#inNtruR)" d="m20.86 28.94l-.97-.94h-8.83l-.97.94c-.4.39-.12 1.06.43 1.06h9.91c.55 0 .82-.67.43-1.06"/><path fill="url(#iAQI3hd)" d="m20.86 28.94l-.97-.94h-8.83l-.97.94c-.4.39-.12 1.06.43 1.06h9.91c.55 0 .82-.67.43-1.06"/><path fill="url(#itg7pHd)" d="m20.86 28.94l-.97-.94h-8.83l-.97.94c-.4.39-.12 1.06.43 1.06h9.91c.55 0 .82-.67.43-1.06"/><path fill="url(#i8jwvUb)" d="m20.86 28.94l-.97-.94h-8.83l-.97.94c-.4.39-.12 1.06.43 1.06h9.91c.55 0 .82-.67.43-1.06"/><path fill="url(#ikjE3Ne)" d="m20.86 28.94l-.97-.94h-8.83l-.97.94c-.4.39-.12 1.06.43 1.06h9.91c.55 0 .82-.67.43-1.06"/><path fill="url(#iWbsizb)" d="m20.86 28.94l-.97-.94h-8.83l-.97.94c-.4.39-.12 1.06.43 1.06h9.91c.55 0 .82-.67.43-1.06"/><defs><radialGradient id="ibfb22c" cx="0" cy="0" r="1" gradientTransform="rotate(121.487 7.74 16.16)scale(5.86335 4.5261)" gradientUnits="userSpaceOnUse"><stop offset=".631" stop-color="#FF66A2" stop-opacity="0"/><stop offset=".72" stop-color="#FF65A0"/><stop offset="1" stop-color="#FF65A0" stop-opacity="0"/></radialGradient><radialGradient id="iJJEOMc" cx="0" cy="0" r="1" gradientTransform="translate(17.974 3.461)scale(6.0573)" gradientUnits="userSpaceOnUse"><stop stop-color="#ED1C26"/><stop offset=".456" stop-color="#ED1452"/><stop offset="1" stop-color="#EC098C"/></radialGradient><radialGradient id="iW7fePd" cx="0" cy="0" r="1" gradientTransform="rotate(114.057 6.106 8.246)scale(1.91647)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5F8B"/><stop offset=".666" stop-color="#DE3457"/></radialGradient><radialGradient id="i7AQPZd" cx="0" cy="0" r="1" gradientTransform="rotate(95.102 5.55 12.193)scale(3.51392 15.3676)" gradientUnits="userSpaceOnUse"><stop stop-color="#EF5E85"/><stop offset=".691" stop-color="#E73564"/></radialGradient><radialGradient id="i3GA80c" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.1875 -2.25924 0 5.813 12.688)" gradientUnits="userSpaceOnUse"><stop offset=".386" stop-color="#C5174A"/><stop offset=".735" stop-color="#D74273"/><stop offset="1" stop-color="#D74273" stop-opacity="0"/></radialGradient><radialGradient id="izQzbpe" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.5 -5.0325 0 8.72 19.188)" gradientUnits="userSpaceOnUse"><stop offset=".625" stop-color="#C12146"/><stop offset="1" stop-color="#C21D46" stop-opacity="0"/></radialGradient><radialGradient id="iaF5oob" cx="0" cy="0" r="1" gradientTransform="matrix(0 .46875 -6.625 0 20.906 10.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF975C"/><stop offset="1" stop-color="#FF9B5C" stop-opacity="0"/></radialGradient><radialGradient id="idTivIb" cx="0" cy="0" r="1" gradientTransform="matrix(0 .78125 -5.63616 0 6.469 10)" gradientUnits="userSpaceOnUse"><stop stop-color="#DB6D60"/><stop offset="1" stop-color="#DB7065" stop-opacity="0"/></radialGradient><radialGradient id="iQUhibb" cx="0" cy="0" r="1" gradientTransform="matrix(-13.375 1.3751 -1.5401 -14.97994 19.75 15.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF668E"/><stop offset=".5" stop-color="#F32D60"/><stop offset=".969" stop-color="#DE385C"/></radialGradient><radialGradient id="iPCge3c" cx="0" cy="0" r="1" gradientTransform="matrix(0 11.875 -23.8281 0 15.44 29)" gradientUnits="userSpaceOnUse"><stop offset=".221" stop-color="#E31F8D"/><stop offset="1" stop-color="#E3208B" stop-opacity="0"/></radialGradient><radialGradient id="ifpGheb" cx="0" cy="0" r="1" gradientTransform="matrix(-4.25 20.25002 -15.1328 -3.17602 16.875 18.5)" gradientUnits="userSpaceOnUse"><stop offset=".585" stop-color="#CF4D5F" stop-opacity="0"/><stop offset=".707" stop-color="#D45673"/></radialGradient><radialGradient id="i8jwvUb" cx="0" cy="0" r="1" gradientTransform="matrix(0 .42188 -4.41051 0 18.031 29.281)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6998"/><stop offset="1" stop-color="#FF6797" stop-opacity="0"/></radialGradient><radialGradient id="ikjE3Ne" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.0625 -4.875 0 8.688 28.813)" gradientUnits="userSpaceOnUse"><stop offset=".258" stop-color="#D36170"/><stop offset="1" stop-color="#CC6974" stop-opacity="0"/></radialGradient><linearGradient id="ia18ogL" x1="29.063" x2="24.41" y1="13.563" y2="23" gradientUnits="userSpaceOnUse"><stop stop-color="#F72289"/><stop offset="1" stop-color="#E5265D"/></linearGradient><linearGradient id="iZFweVc" x1="23" x2="30" y1="19.688" y2="15.625" gradientUnits="userSpaceOnUse"><stop stop-color="#E92942"/><stop offset=".756" stop-color="#EB2641" stop-opacity="0"/></linearGradient><linearGradient id="ipZiniG" x1="12.126" x2="-3.802" y1="24.628" y2="7.484" gradientUnits="userSpaceOnUse"><stop stop-color="#ED1C26"/><stop offset=".456" stop-color="#ED1452"/><stop offset="1" stop-color="#EC098C"/></linearGradient><linearGradient id="i72He2b" x1="7" x2="24.011" y1="10.25" y2="10.25" gradientUnits="userSpaceOnUse"><stop stop-color="#E04539"/><stop offset=".342" stop-color="#F4542B"/><stop offset=".658" stop-color="#FF673F"/><stop offset="1" stop-color="#FF8E36"/></linearGradient><linearGradient id="iYF0m8f" x1="15.44" x2="15.44" y1="11" y2="11.625" gradientUnits="userSpaceOnUse"><stop stop-color="#E7123D"/><stop offset="1" stop-color="#FF2249" stop-opacity="0"/></linearGradient><linearGradient id="inNtruR" x1="15.472" x2="15.472" y1="24.357" y2="31.614" gradientUnits="userSpaceOnUse"><stop stop-color="#ED1C26"/><stop offset=".456" stop-color="#ED1452"/><stop offset="1" stop-color="#EC098C"/></linearGradient><linearGradient id="iAQI3hd" x1="10.313" x2="21.044" y1="30" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#CE1D4A"/><stop offset=".536" stop-color="#F8186A"/><stop offset="1" stop-color="#FE3074"/></linearGradient><linearGradient id="itg7pHd" x1="15.473" x2="15.473" y1="28" y2="30" gradientUnits="userSpaceOnUse"><stop offset=".688" stop-color="#E52988" stop-opacity="0"/><stop offset=".906" stop-color="#E72989"/></linearGradient><linearGradient id="iWbsizb" x1="15.473" x2="15.473" y1="28" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#D3094D"/><stop offset=".117" stop-color="#CE0E49" stop-opacity="0"/></linearGradient></defs></g></svg>Comment utiliser l'icône Teapot
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:teapot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:teapot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:teapot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--teapot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:teapot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:teapot"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/teapot.svg" alt="Icône Teapot" width="24" height="24">L'icône Teapot dans d'autres collections
FAQ : Icône Teapot
L'icône Teapot 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 Teapot dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:teapot" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Teapot à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/teapot.svg" alt="Icône Teapot">, ou collez le code SVG directement dans la page pour le styliser en CSS.