Icône Smiling Face With Halo
fluent-emoji:smiling-face-with-halo
L'icône Smiling Face With Halo (fluent-emoji:smiling-face-with-halo) 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
- smilingface, facewith, withhalo, smilingfacewithhalo
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(#ik9o6Ph)"><path stroke="url(#iiw9xec)" stroke-miterlimit="10" stroke-width="3" d="M16 7c6.627 0 12-1.007 12-2.25S22.627 2.5 16 2.5S4 3.507 4 4.75S9.373 7 16 7Z"/><path stroke="url(#imZTwqe)" stroke-miterlimit="10" stroke-width="3" d="M16 7c6.627 0 12-1.007 12-2.25S22.627 2.5 16 2.5S4 3.507 4 4.75S9.373 7 16 7Z"/><path fill="url(#iuezoob)" 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"/><path fill="url(#iE8QcEd)" 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"/><path fill="url(#ivEnSkc)" 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"/><path fill="url(#iWiImqb)" fill-opacity=".6" 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"/><path fill="url(#ibBjvec)" 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"/><path fill="url(#ipSnfmL)" 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"/><path fill="url(#ilqJk5c)" 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"/><path fill="url(#i6j9Pab)" 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 filter="url(#iK0QbPe)" opacity=".5"><path stroke="#9A4609" stroke-linecap="round" stroke-width="2" d="M7.5 14.5s.25-2 2.5-2s2.5 2 2.5 2"/></g><g filter="url(#iNhejlb)" opacity=".5"><path stroke="#9A4609" stroke-linecap="round" stroke-width="2" d="M18.5 14.5s.5-2 2.5-2s2.5 2 2.5 2"/></g><path stroke="#43273B" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14s.25-2 2.5-2s2.5 2 2.5 2"/><g filter="url(#iWdjYfc)" opacity=".26"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M8.25 13.75s.25-2 2.5-2s2.5 2 2.5 2"/></g><path stroke="#43273B" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14s.5-2 2.5-2s2.5 2 2.5 2"/><g filter="url(#icBF2Ee)" opacity=".26"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M19.25 13.75s.25-2 2.5-2s2.5 2 2.5 2"/></g><path stroke="url(#iatMmub)" stroke-linecap="round" stroke-width="2" d="M12 19c0 1.333.8 4 4 4s4-2.667 4-4"/><path fill="url(#iGWcxve)" fill-rule="evenodd" d="M3.585 8.873c.184.157.373.292.55.405c.789.506 1.832.905 2.988 1.218c2.332.632 5.47 1.004 8.877 1.004s6.545-.372 8.878-1.004c1.155-.313 2.198-.712 2.988-1.218c.176-.113.364-.247.547-.404a12.1 12.1 0 0 0-2.526-3.39c-.633.183-1.274.328-1.789.417c1.014.275 1.726.576 2.15.847l.003.002l-.003.002c-.425.272-1.139.573-2.155.848c-2.01.545-4.872.9-8.093.9s-6.082-.355-8.093-.9c-1.016-.275-1.73-.576-2.155-.848l-.003-.002l.003-.002c.41-.262 1.088-.551 2.047-.819a18 18 0 0 1-1.767-.37a12.1 12.1 0 0 0-2.447 3.314M5.441 7l.009-.012zm21.118 0l-.008-.012zm-.008-.486l.009-.012l-.01.012m-21.101 0l-.01-.012q.002 0 .01.012" clip-rule="evenodd"/><path fill="url(#i2klytr)" fill-rule="evenodd" d="M3.123 3.295C3.853 4.187 7.6 5 8.5 5h.071c1.981.308 4.57.5 7.429.5c2.922 0 5.563-.2 7.56-.52C24.93 4.83 28.5 3.915 28.5 3v-.029q.141.102.27.22c.326.298.73.821.73 1.559s-.404 1.26-.73 1.56c-.33.3-.73.52-1.105.687c-.762.338-1.772.606-2.903.818c-2.288.43-5.385.685-8.762.685s-6.474-.256-8.762-.685c-1.131-.212-2.14-.48-2.903-.818c-.376-.167-.776-.386-1.105-.688c-.325-.298-.73-.821-.73-1.559c0-.659.322-1.146.623-1.455" clip-rule="evenodd"/><path fill="url(#i4tPMie)" fill-rule="evenodd" d="M3.123 3.295C3.853 4.187 7.6 5 8.5 5h.071c1.981.308 4.57.5 7.429.5c2.922 0 5.563-.2 7.56-.52C24.93 4.83 28.5 3.915 28.5 3v-.029q.141.102.27.22c.326.298.73.821.73 1.559s-.404 1.26-.73 1.56c-.33.3-.73.52-1.105.687c-.762.338-1.772.606-2.903.818c-2.288.43-5.385.685-8.762.685s-6.474-.256-8.762-.685c-1.131-.212-2.14-.48-2.903-.818c-.376-.167-.776-.386-1.105-.688c-.325-.298-.73-.821-.73-1.559c0-.659.322-1.146.623-1.455" clip-rule="evenodd"/></g><defs><radialGradient id="imZTwqe" cx="0" cy="0" r="1" gradientTransform="rotate(-105.945 7.579 .167)scale(7.28011 11.995)" gradientUnits="userSpaceOnUse"><stop offset=".482" stop-color="#5468DB"/><stop offset=".735" stop-color="#5292FF"/><stop offset=".988" stop-color="#486FFF" stop-opacity="0"/></radialGradient><radialGradient id="iuezoob" cx="0" cy="0" r="1" gradientTransform="rotate(132.839 10.786 10.065)scale(37.5033)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iE8QcEd" cx="0" cy="0" r="1" gradientTransform="rotate(131.878 10.74 10.193)scale(38.9487)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="ivEnSkc" cx="0" cy="0" r="1" gradientTransform="rotate(101.31 2.876 12.808)scale(17.8466 22.8581)" gradientUnits="userSpaceOnUse"><stop offset=".788" stop-color="#F59639" stop-opacity="0"/><stop offset=".973" stop-color="#FF7DCE"/></radialGradient><radialGradient id="iWiImqb" cx="0" cy="0" r="1" gradientTransform="matrix(-29 29 -29 -29 18 14)" gradientUnits="userSpaceOnUse"><stop offset=".315" stop-opacity="0"/><stop offset="1"/></radialGradient><radialGradient id="ibBjvec" cx="0" cy="0" r="1" gradientTransform="rotate(77.692 -2.555 18.434)scale(28.1469)" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#7D6133" stop-opacity="0"/><stop offset="1" stop-color="#715B32"/></radialGradient><radialGradient id="ipSnfmL" cx="0" cy="0" r="1" gradientTransform="matrix(7.5 10.99996 -7.97335 5.4364 16.5 16.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB849"/><stop offset="1" stop-color="#FFB847" stop-opacity="0"/></radialGradient><radialGradient id="ilqJk5c" cx="0" cy="0" r="1" gradientTransform="matrix(11.49998 2 -2 11.49998 20.5 18)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA64B"/><stop offset=".9" stop-color="#FFAE46" stop-opacity="0"/></radialGradient><radialGradient id="i6j9Pab" cx="0" cy="0" r="1" gradientTransform="rotate(43.971 -9.827 29.173)scale(59.0529)" gradientUnits="userSpaceOnUse"><stop offset=".185" stop-opacity="0"/><stop offset="1" stop-opacity=".4"/></radialGradient><radialGradient id="iatMmub" cx="0" cy="0" r="1" gradientTransform="matrix(0 10.5 -6.42871 0 16 15)" gradientUnits="userSpaceOnUse"><stop offset=".556" stop-color="#584343"/><stop offset=".74" stop-color="#66525E"/><stop offset="1" stop-color="#4E2553"/><stop offset="1" stop-color="#522C57"/></radialGradient><radialGradient id="iGWcxve" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.5 -19.4266 0 14.5 6.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="i2klytr" cx="0" cy="0" r="1" gradientTransform="matrix(0 33 -38.8902 0 16.5 -23)" gradientUnits="userSpaceOnUse"><stop offset=".843" stop-color="#425BFF"/><stop offset=".898" stop-color="#508FFF"/><stop offset=".958" stop-color="#4457FF"/></radialGradient><radialGradient id="i4tPMie" cx="0" cy="0" r="1" gradientTransform="matrix(14 0 0 16.4989 6.5 3.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#5664D2"/><stop offset="1" stop-color="#4457FF" stop-opacity="0"/></radialGradient><filter id="iK0QbPe" width="10" height="7" x="5" y="10" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_23_441" stdDeviation=".75"/></filter><filter id="iNhejlb" width="10.001" height="7" x="16" y="10" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_23_441" stdDeviation=".75"/></filter><filter id="iWdjYfc" width="8.75" height="5.75" x="6.375" y="9.875" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_23_441" stdDeviation=".75"/></filter><filter id="icBF2Ee" width="8.75" height="5.75" x="17.375" y="9.875" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_23_441" stdDeviation=".75"/></filter><linearGradient id="iiw9xec" x1="16" x2="16" y1="1" y2="4.5" gradientUnits="userSpaceOnUse"><stop stop-color="#3173EC"/><stop offset="1" stop-color="#3A54E1"/></linearGradient><clipPath id="ik9o6Ph"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Smiling Face With Halo
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:smiling-face-with-halo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:smiling-face-with-halo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:smiling-face-with-halo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--smiling-face-with-halo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:smiling-face-with-halo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:smiling-face-with-halo"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/smiling-face-with-halo.svg" alt="Icône Smiling Face With Halo" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône Smiling Face With Halo dans d'autres collections
FAQ : Icône Smiling Face With Halo
L'icône Smiling Face With Halo 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 Smiling Face With Halo dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:smiling-face-with-halo" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Smiling Face With Halo à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/smiling-face-with-halo.svg" alt="Icône Smiling Face With Halo">, ou collez le code SVG directement dans la page pour le styliser en CSS.