Icône Sweat Droplets
fluent-emoji:sweat-droplets
L'icône Sweat Droplets (fluent-emoji:sweat-droplets) 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
- Mots-clés
- sweatdroplets, droplet
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iFq5ojT)"><path fill="url(#iDHyqsc)" d="M12.018 23.486c.45-1.437.206-2.765-.401-3.86L8.142 13.52a1.031 1.031 0 0 0-1.79 0l-3.427 6.018a4.95 4.95 0 0 0-.675 2.472a4.998 4.998 0 0 0 5.883 4.914c1.82-.302 3.337-1.68 3.885-3.439"/><path fill="url(#il1c9tb)" d="M12.018 23.486c.45-1.437.206-2.765-.401-3.86L8.142 13.52a1.031 1.031 0 0 0-1.79 0l-3.427 6.018a4.95 4.95 0 0 0-.675 2.472a4.998 4.998 0 0 0 5.883 4.914c1.82-.302 3.337-1.68 3.885-3.439"/></g><path fill="url(#ivIqQzt)" d="M12.018 23.486c.45-1.437.206-2.765-.401-3.86L8.142 13.52a1.031 1.031 0 0 0-1.79 0l-3.427 6.018a4.95 4.95 0 0 0-.675 2.472a4.998 4.998 0 0 0 5.883 4.914c1.82-.302 3.337-1.68 3.885-3.439"/><path fill="url(#iuZ8uFe)" d="M12.018 23.486c.45-1.437.206-2.765-.401-3.86L8.142 13.52a1.031 1.031 0 0 0-1.79 0l-3.427 6.018a4.95 4.95 0 0 0-.675 2.472a4.998 4.998 0 0 0 5.883 4.914c1.82-.302 3.337-1.68 3.885-3.439"/><g filter="url(#iQPsKFx)"><path fill="url(#iVMBGBk)" d="M27.607 21.851c-.777-1.493-2.023-2.33-3.358-2.727l-7.544-2.08c-.857-.24-1.644.547-1.415 1.413l2.053 7.435c.25.906.698 1.762 1.415 2.479a5.575 5.575 0 0 0 8.51-.757c1.186-1.672 1.296-3.941.34-5.763"/><path fill="url(#iME8Yjd)" d="M27.607 21.851c-.777-1.493-2.023-2.33-3.358-2.727l-7.544-2.08c-.857-.24-1.644.547-1.415 1.413l2.053 7.435c.25.906.698 1.762 1.415 2.479a5.575 5.575 0 0 0 8.51-.757c1.186-1.672 1.296-3.941.34-5.763"/></g><path fill="url(#iha6piT)" d="M27.607 21.851c-.777-1.493-2.023-2.33-3.358-2.727l-7.544-2.08c-.857-.24-1.644.547-1.415 1.413l2.053 7.435c.25.906.698 1.762 1.415 2.479a5.575 5.575 0 0 0 8.51-.757c1.186-1.672 1.296-3.941.34-5.763"/><g filter="url(#ipYQ9He)"><path fill="url(#iRn9fuB)" d="M25.47 2.299c-1.953-.583-3.745-.263-5.233.525l-8.28 4.509a1.316 1.316 0 0 0 0 2.332l8.169 4.45c.992.545 2.126.885 3.35.885c4.13 0 7.4-3.547 6.672-7.648c-.425-2.371-2.288-4.334-4.677-5.053"/><path fill="url(#iEoDu1d)" d="M25.47 2.299c-1.953-.583-3.745-.263-5.233.525l-8.28 4.509a1.316 1.316 0 0 0 0 2.332l8.169 4.45c.992.545 2.126.885 3.35.885c4.13 0 7.4-3.547 6.672-7.648c-.425-2.371-2.288-4.334-4.677-5.053"/></g><path fill="url(#iYrlj9v)" d="M25.47 2.299c-1.953-.583-3.745-.263-5.233.525l-8.28 4.509a1.316 1.316 0 0 0 0 2.332l8.169 4.45c.992.545 2.126.885 3.35.885c4.13 0 7.4-3.547 6.672-7.648c-.425-2.371-2.288-4.334-4.677-5.053"/><g filter="url(#iyPBC3b)"><circle cx="26" cy="7.063" r="2.25" fill="#8AF6FF"/></g><g filter="url(#ieOfzrA)"><circle cx="24.938" cy="23.5" r="2.25" fill="#8AF6FF"/></g><g filter="url(#ieBkOte)"><circle cx="9.25" cy="20.875" r="1.688" fill="#8AF6FF"/></g><defs><radialGradient id="iDHyqsc" cx="0" cy="0" r="1" gradientTransform="rotate(129.634 -.077 11.764)scale(8.21533 10.5736)" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#55EBFF"/><stop offset="1" stop-color="#01A6F0"/></radialGradient><radialGradient id="il1c9tb" cx="0" cy="0" r="1" gradientTransform="matrix(.12499 16.12502 -12.17953 .0944 8.125 16.25)" gradientUnits="userSpaceOnUse"><stop offset=".349" stop-color="#3F80F6" stop-opacity="0"/><stop offset=".977" stop-color="#3F80F7"/></radialGradient><radialGradient id="iuZ8uFe" cx="0" cy="0" r="1" gradientTransform="rotate(90 -5.594 12.844)scale(10.8125)" gradientUnits="userSpaceOnUse"><stop offset=".62" stop-color="#A158FE" stop-opacity="0"/><stop offset="1" stop-color="#A158FE"/></radialGradient><radialGradient id="iVMBGBk" cx="0" cy="0" r="1" gradientTransform="matrix(-6.8125 5.875 -7.61246 -8.82722 23.938 22.875)" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#55EBFF"/><stop offset="1" stop-color="#01A6F0"/></radialGradient><radialGradient id="iME8Yjd" cx="0" cy="0" r="1" gradientTransform="matrix(-5.06258 15.99997 -24.78395 -7.84194 24.313 21.875)" gradientUnits="userSpaceOnUse"><stop offset=".329" stop-color="#3F80F6" stop-opacity="0"/><stop offset=".833" stop-color="#3F80F7"/><stop offset="1" stop-color="#8437E6"/></radialGradient><radialGradient id="iha6piT" cx="0" cy="0" r="1" gradientTransform="rotate(101.182 2.72 20.453)scale(10.958 16.1469)" gradientUnits="userSpaceOnUse"><stop offset=".559" stop-color="#A158FE" stop-opacity="0"/><stop offset="1" stop-color="#A158FE"/></radialGradient><radialGradient id="iRn9fuB" cx="0" cy="0" r="1" gradientTransform="matrix(-7.87495 7.00007 -9.31799 -10.48257 26.25 7.25)" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#55EBFF"/><stop offset="1" stop-color="#01A6F0"/></radialGradient><radialGradient id="iEoDu1d" cx="0" cy="0" r="1" gradientTransform="matrix(-6.0626 13.49998 -23.54368 -10.57305 26.438 5.625)" gradientUnits="userSpaceOnUse"><stop offset=".509" stop-color="#3F80F6" stop-opacity="0"/><stop offset=".946" stop-color="#3F80F7"/></radialGradient><filter id="iFq5ojT" width="10" height="14.5" x="2.25" y="12.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7143_6226"/></filter><filter id="iQPsKFx" width="13" height="13.5" x="15.25" y="16.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7143_6226"/></filter><filter id="ipYQ9He" width="19" height="13.02" x="11.25" y="1.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.02"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7143_6226"/></filter><filter id="iyPBC3b" width="10.5" height="10.5" x="20.75" y="1.813" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7143_6226" stdDeviation="1.5"/></filter><filter id="ieOfzrA" width="10.5" height="10.5" x="19.688" y="18.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7143_6226" stdDeviation="1.5"/></filter><filter id="ieBkOte" width="9.375" height="9.375" x="4.563" y="16.188" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7143_6226" stdDeviation="1.5"/></filter><linearGradient id="ivIqQzt" x1="6.625" x2="3.25" y1="17.75" y2="16.285" gradientUnits="userSpaceOnUse"><stop offset=".147" stop-color="#74B5CA" stop-opacity="0"/><stop offset=".946" stop-color="#74B5CA"/></linearGradient><linearGradient id="iYrlj9v" x1="19.875" x2="17.813" y1="5.938" y2="2" gradientUnits="userSpaceOnUse"><stop offset=".147" stop-color="#74B5CA" stop-opacity="0"/><stop offset=".946" stop-color="#74B5CA"/></linearGradient></defs></g></svg>Comment utiliser l'icône Sweat Droplets
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:sweat-droplets" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:sweat-droplets" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:sweat-droplets" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--sweat-droplets]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:sweat-droplets"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:sweat-droplets"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/sweat-droplets.svg" alt="Icône Sweat Droplets" width="24" height="24">L'icône Sweat Droplets dans d'autres collections
FAQ : Icône Sweat Droplets
L'icône Sweat Droplets 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 Sweat Droplets dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:sweat-droplets" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sweat Droplets à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/sweat-droplets.svg" alt="Icône Sweat Droplets">, ou collez le code SVG directement dans la page pour le styliser en CSS.