Icône Face In Clouds
fluent-emoji:face-in-clouds
L'icône Face In Clouds (fluent-emoji:face-in-clouds) 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
- facein, inclouds, faceinclouds, cloud
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#i2P91bd)"><g filter="url(#igbmDvc)"><path fill="url(#iy3ub3b)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/></g><path fill="#fff" d="M15 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m11 0a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path fill="url(#iAQEgcs)" d="M11 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iAQEgcs)" d="M21 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><circle cx="29" cy="27" r="7" fill="url(#igiJTmb)"/><g filter="url(#ir04LYb)"><path fill="#BAA6BA" fill-rule="evenodd" d="M26.114 20.62A7 7 0 0 1 29 20a7 7 0 0 1 6.135 3.627a5.502 5.502 0 0 1-9.021-3.007" clip-rule="evenodd"/></g><circle cx="32.5" cy="19.5" r="5.5" fill="url(#i256Hse)"/><g filter="url(#iqJ6p8b)"><circle cx="32.5" cy="19.5" r="5.25" stroke="url(#ipzeeEe)" stroke-width=".5"/></g><circle cx="6" cy="28" r="8" fill="url(#ivSIqvb)"/><g filter="url(#iFcmbLc)"><path fill="#AC8CC6" fill-rule="evenodd" d="M10.84 29.218a4.5 4.5 0 1 1 8.467-3.026a8.5 8.5 0 1 1-8.467 3.026" clip-rule="evenodd"/></g><circle cx="15.5" cy="25.5" r="4.5" fill="url(#iO6uFkc)"/><circle cx=".5" cy="20.5" r="5.5" fill="url(#i4jVwhe)"/><g filter="url(#i9NyRde)"><circle cx=".5" cy="20.5" r="5.25" stroke="url(#id2Cn3d)" stroke-width=".5"/></g><circle cx="19.5" cy="32.5" r="8.5" fill="url(#iULrPPe)"/><circle cx="29" cy="4" r="7" fill="url(#iPlA8lX)"/><circle cx="6.5" cy="2.5" r="7.5" fill="url(#ilqgn7b)"/><g filter="url(#isFFmIc)"><path fill="#9A7FA9" fill-rule="evenodd" d="M12.334 6.37A6.97 6.97 0 0 0 13.5 2.5a6.97 6.97 0 0 0-.947-3.518L11-.5c.667.5 1.9 2 1.5 4c-.264 1.319-.252 2.275-.166 2.87" clip-rule="evenodd"/></g><g filter="url(#ikiVXod)"><path fill="#BAA8C4" fill-rule="evenodd" d="M35.685 6.082a7.003 7.003 0 0 1-8.78 4.599a8.5 8.5 0 0 1 8.78-4.599" clip-rule="evenodd"/></g><circle cx="36.5" cy="11.5" r="8.5" fill="url(#ilMPuOb)"/><circle cx="36.5" cy="11.5" r="8.375" stroke="url(#ixFiQRb)" stroke-width=".25" opacity=".08"/><g filter="url(#idNrWJd)"><circle cx="36.5" cy="11.5" r="8.25" stroke="url(#ixFiQRb)" stroke-width=".5"/></g><circle cx="19.5" cy="-.5" r="6.5" fill="url(#ihjkRCc)"/><circle cx="-2" cy="10" r="7" fill="url(#iDKCA3b)"/><g filter="url(#iq8Qr3c)" opacity=".8"><circle cx="3" cy="6" r="3" fill="#fff"/></g><g filter="url(#iCtiFFe)" opacity=".8"><ellipse cx="27.136" cy="29.507" fill="#fff" rx="2" ry="3.525" transform="rotate(-15 27.136 29.507)"/></g><g filter="url(#i5rBUfb)"><ellipse cx=".5" cy="26" fill="#AC84D3" rx="2.5" ry="1"/></g></g><defs><filter id="igbmDvc" width="29.998" height="29.998" x="2" y="0" 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 dx="2" dy="-2"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/><feBlend in2="shape" result="effect1_innerShadow_30_40"/></filter><filter id="ir04LYb" width="13.021" height="9" x="24.114" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation="1"/></filter><filter id="iqJ6p8b" width="14" height="14" x="25.5" y="12.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation=".75"/></filter><filter id="iFcmbLc" width="21" height="24" x="7" y="21" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation="1"/></filter><filter id="i9NyRde" width="12" height="12" x="-5.5" y="14.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation=".25"/></filter><filter id="isFFmIc" width="6.5" height="11.387" x="9" y="-3.018" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation="1"/></filter><filter id="ikiVXod" width="12.781" height="9" x="24.904" y="4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation="1"/></filter><filter id="idNrWJd" width="20" height="20" x="26.5" y="1.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation=".75"/></filter><filter id="iq8Qr3c" width="12" height="12" x="-3" y="0" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation="1.5"/></filter><filter id="iCtiFFe" width="10.274" height="12.889" x="21.999" y="23.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation="1.5"/></filter><filter id="i5rBUfb" width="9" height="6" x="-4" y="23" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_40" stdDeviation="1"/></filter><radialGradient id="iy3ub3b" cx="0" cy="0" r="1" gradientTransform="rotate(123.93 6.854 9.426)scale(33.1436)" gradientUnits="userSpaceOnUse"><stop stop-color="#F8A940"/><stop offset=".394" stop-color="#F48C50"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="igiJTmb" cx="0" cy="0" r="1" gradientTransform="matrix(0 8 -8 0 29 27)" gradientUnits="userSpaceOnUse"><stop stop-color="#F4ECFD"/><stop offset="1" stop-color="#C3B7C1"/></radialGradient><radialGradient id="ipzeeEe" cx="0" cy="0" r="1" gradientTransform="rotate(-56.31 36.456 -14.883)scale(4.66601)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="iO6uFkc" cx="0" cy="0" r="1" gradientTransform="matrix(-8 3 -3 -8 17.5 24)" gradientUnits="userSpaceOnUse"><stop offset=".118" stop-color="#E9E1F0"/><stop offset="1" stop-color="#BBA2D3"/></radialGradient><radialGradient id="id2Cn3d" cx="0" cy="0" r="1" gradientTransform="matrix(-3 -3 2.0999 -2.0999 5.5 23.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="iPlA8lX" cx="0" cy="0" r="1" gradientTransform="matrix(-3.99992 10.50003 -17.75364 -6.76313 30 2)" gradientUnits="userSpaceOnUse"><stop offset=".133" stop-color="#F4EFFB"/><stop offset="1" stop-color="#B499C0"/></radialGradient><radialGradient id="ilqgn7b" cx="0" cy="0" r="1" gradientTransform="matrix(9.49993 13 -13 9.49993 4 -1)" gradientUnits="userSpaceOnUse"><stop offset=".185" stop-color="#DDDBE0"/><stop offset=".571" stop-color="#D4C3E1"/><stop offset=".82" stop-color="#B897CD"/></radialGradient><radialGradient id="ixFiQRb" cx="0" cy="0" r="1" gradientTransform="matrix(4 -6 6 4 30.5 18)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="ihjkRCc" cx="0" cy="0" r="1" gradientTransform="matrix(-8 8 -8 -8 25 -.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFDFF"/><stop offset=".556" stop-color="#D4CDDB"/><stop offset="1" stop-color="#C1AFD1"/></radialGradient><linearGradient id="iAQEgcs" x1="16.5" x2="15.5" y1="11" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#553B3E"/><stop offset="1" stop-color="#3D2432"/></linearGradient><linearGradient id="i256Hse" x1="32.5" x2="32.5" y1="14" y2="25" gradientUnits="userSpaceOnUse"><stop stop-color="#BCB1C1"/><stop offset="1" stop-color="#C8B3DF"/></linearGradient><linearGradient id="ivSIqvb" x1="6" x2="6" y1="20" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#F0E2F0"/><stop offset="1" stop-color="#D4C4E4"/></linearGradient><linearGradient id="i4jVwhe" x1=".5" x2="-3" y1="16.179" y2="25.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FCFBFD"/><stop offset="1" stop-color="#BC96E3"/></linearGradient><linearGradient id="iULrPPe" x1="26" x2="13" y1="30.5" y2="34" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFCFF"/><stop offset="1" stop-color="#D3C5E0"/></linearGradient><linearGradient id="ilMPuOb" x1="36.5" x2="36.5" y1="3" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#EBE9ED"/><stop offset="1" stop-color="#BDA7D3"/></linearGradient><linearGradient id="iDKCA3b" x1="-2" x2="-2" y1="4.5" y2="17" gradientUnits="userSpaceOnUse"><stop stop-color="#FCFBFD"/><stop offset="1" stop-color="#BC96E3"/></linearGradient><clipPath id="i2P91bd"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath></defs></g></svg>
Comment utiliser l'icône Face In Clouds
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:face-in-clouds" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:face-in-clouds" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:face-in-clouds" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--face-in-clouds]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:face-in-clouds"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:face-in-clouds"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/face-in-clouds.svg" alt="Icône Face In Clouds" width="24" height="24">
Icônes similaires dans Fluent Emoji
L'icône Face In Clouds dans d'autres collections
FAQ : Icône Face In Clouds
L'icône Face In Clouds 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 Face In Clouds dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:face-in-clouds" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Face In Clouds à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/face-in-clouds.svg" alt="Icône Face In Clouds">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji →
