grinning face emoji

grinning-face from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name: grinning-face
Set: Fluent Emoji
Style: Default
Viewbox: 32×32
License: MIT

The same emoji in other sets

grinning-faceEmoji One (Colored)grinning-faceFluent Emoji Flat grinning-faceFluent Emoji High Contrast grinning-faceIconPark grinning-faceIconPark Outline grinning-faceIconPark Solid grinning-faceIconPark TwoTone grinning-faceNoto Emoji grinning-faceOpenMoji grinning-faceStreamline Emojis grinning-faceTwitter Emoji

Related icons in Fluent Emoji

grinning-cat grinning-cat-with-smiling-eyes grinning-face-with-big-eyes grinning-face-with-smiling-eyes grinning-face-with-sweat grinning-squinting-face

Use the grinning face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iuezoob2)" 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(#iE8QcEd2)" 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(#ivEnSkc2)" 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(#iWiImqb2)" 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(#ibBjvec2)" 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(#ipSnfmL2)" 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(#ilqJk5c2)" 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(#i6j9Pab2)" 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"/><ellipse cx="8" cy="12.5" fill="url(#iISl2lr)" rx="5" ry="4.5"/><circle cx="19" cy="12" r="4" fill="url(#iBBGeLA)"/><path fill="#fff" d="M15 10.5a4.5 4.5 0 0 1-1.694 3.518c-.803-.27-1.83-.518-2.806-.518c-.977 0-2.003.248-2.806.518A4.5 4.5 0 1 1 15 10.5m11 0a4.5 4.5 0 0 1-1.694 3.518c-.803-.27-1.83-.518-2.806-.518c-.977 0-2.003.248-2.806.518A4.5 4.5 0 1 1 26 10.5"/><path fill="url(#iEQzokd)" d="M11 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iEQzokd)" d="M21 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iUQOPic)" d="M16 25c-9 0-9-9-9-9h18s0 9-9 9"/><path fill="url(#iGCY4Xv)" d="M8 16.5V16h16v.5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1"/><defs><radialGradient id="iuezoob2" 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="iE8QcEd2" 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="ivEnSkc2" 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="iWiImqb2" 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="ibBjvec2" 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="ipSnfmL2" 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="ilqJk5c2" 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="i6j9Pab2" 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="iISl2lr" cx="0" cy="0" r="1" gradientTransform="rotate(138.013 4.218 6.781)scale(9.26805 4.77033)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="iBBGeLA" cx="0" cy="0" r="1" gradientTransform="rotate(135 9.215 9.024)scale(7.2282 4.08044)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="iUQOPic" cx="0" cy="0" r="1" gradientTransform="matrix(0 -11 22 0 16 27)" gradientUnits="userSpaceOnUse"><stop stop-color="#F70A8D"/><stop offset="1" stop-color="#89029C"/></radialGradient><linearGradient id="iEQzokd" x1="22.154" x2="21" y1="7" y2="13" gradientUnits="userSpaceOnUse"><stop stop-color="#553B3E"/><stop offset="1" stop-color="#3D2432"/></linearGradient><linearGradient id="iGCY4Xv" x1="16" x2="16" y1="16" y2="17.5" gradientUnits="userSpaceOnUse"><stop stop-color="#ECCDFF"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiGrinningFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iuezoob2)" 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(#iE8QcEd2)" 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(#ivEnSkc2)" 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(#iWiImqb2)" fillOpacity=".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(#ibBjvec2)" 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(#ipSnfmL2)" 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(#ilqJk5c2)" 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(#i6j9Pab2)" 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"/><ellipse cx="8" cy="12.5" fill="url(#iISl2lr)" rx="5" ry="4.5"/><circle cx="19" cy="12" r="4" fill="url(#iBBGeLA)"/><path fill="#fff" d="M15 10.5a4.5 4.5 0 0 1-1.694 3.518c-.803-.27-1.83-.518-2.806-.518c-.977 0-2.003.248-2.806.518A4.5 4.5 0 1 1 15 10.5m11 0a4.5 4.5 0 0 1-1.694 3.518c-.803-.27-1.83-.518-2.806-.518c-.977 0-2.003.248-2.806.518A4.5 4.5 0 1 1 26 10.5"/><path fill="url(#iEQzokd)" d="M11 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iEQzokd)" d="M21 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iUQOPic)" d="M16 25c-9 0-9-9-9-9h18s0 9-9 9"/><path fill="url(#iGCY4Xv)" d="M8 16.5V16h16v.5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1"/><defs><radialGradient id="iuezoob2" cx="0" cy="0" r="1" gradientTransform="rotate(132.839 10.786 10.065)scale(37.5033)" gradientUnits="userSpaceOnUse"><stop stopColor="#FFF478"/><stop offset=".475" stopColor="#FFB02E"/><stop offset="1" stopColor="#F70A8D"/></radialGradient><radialGradient id="iE8QcEd2" cx="0" cy="0" r="1" gradientTransform="rotate(131.878 10.74 10.193)scale(38.9487)" gradientUnits="userSpaceOnUse"><stop stopColor="#FFF478"/><stop offset=".475" stopColor="#FFB02E"/><stop offset="1" stopColor="#F70A8D"/></radialGradient><radialGradient id="ivEnSkc2" cx="0" cy="0" r="1" gradientTransform="rotate(101.31 2.876 12.808)scale(17.8466 22.8581)" gradientUnits="userSpaceOnUse"><stop offset=".788" stopColor="#F59639" stopOpacity="0"/><stop offset=".973" stopColor="#FF7DCE"/></radialGradient><radialGradient id="iWiImqb2" cx="0" cy="0" r="1" gradientTransform="matrix(-29 29 -29 -29 18 14)" gradientUnits="userSpaceOnUse"><stop offset=".315" stopOpacity="0"/><stop offset="1"/></radialGradient><radialGradient id="ibBjvec2" cx="0" cy="0" r="1" gradientTransform="rotate(77.692 -2.555 18.434)scale(28.1469)" gradientUnits="userSpaceOnUse"><stop offset=".508" stopColor="#7D6133" stopOpacity="0"/><stop offset="1" stopColor="#715B32"/></radialGradient><radialGradient id="ipSnfmL2" cx="0" cy="0" r="1" gradientTransform="matrix(7.5 10.99996 -7.97335 5.4364 16.5 16.5)" gradientUnits="userSpaceOnUse"><stop stopColor="#FFB849"/><stop offset="1" stopColor="#FFB847" stopOpacity="0"/></radialGradient><radialGradient id="ilqJk5c2" cx="0" cy="0" r="1" gradientTransform="matrix(11.49998 2 -2 11.49998 20.5 18)" gradientUnits="userSpaceOnUse"><stop stopColor="#FFA64B"/><stop offset=".9" stopColor="#FFAE46" stopOpacity="0"/></radialGradient><radialGradient id="i6j9Pab2" cx="0" cy="0" r="1" gradientTransform="rotate(43.971 -9.827 29.173)scale(59.0529)" gradientUnits="userSpaceOnUse"><stop offset=".185" stopOpacity="0"/><stop offset="1" stopOpacity=".4"/></radialGradient><radialGradient id="iISl2lr" cx="0" cy="0" r="1" gradientTransform="rotate(138.013 4.218 6.781)scale(9.26805 4.77033)" gradientUnits="userSpaceOnUse"><stop stopColor="#392108"/><stop offset="1" stopColor="#C87928" stopOpacity="0"/></radialGradient><radialGradient id="iBBGeLA" cx="0" cy="0" r="1" gradientTransform="rotate(135 9.215 9.024)scale(7.2282 4.08044)" gradientUnits="userSpaceOnUse"><stop stopColor="#392108"/><stop offset="1" stopColor="#C87928" stopOpacity="0"/></radialGradient><radialGradient id="iUQOPic" cx="0" cy="0" r="1" gradientTransform="matrix(0 -11 22 0 16 27)" gradientUnits="userSpaceOnUse"><stop stopColor="#F70A8D"/><stop offset="1" stopColor="#89029C"/></radialGradient><linearGradient id="iEQzokd" x1="22.154" x2="21" y1="7" y2="13" gradientUnits="userSpaceOnUse"><stop stopColor="#553B3E"/><stop offset="1" stopColor="#3D2432"/></linearGradient><linearGradient id="iGCY4Xv" x1="16" x2="16" y1="16" y2="17.5" gradientUnits="userSpaceOnUse"><stop stopColor="#ECCDFF"/><stop offset="1" stopColor="#fff"/></linearGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iuezoob2)" 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(#iE8QcEd2)" 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(#ivEnSkc2)" 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(#iWiImqb2)" 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(#ibBjvec2)" 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(#ipSnfmL2)" 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(#ilqJk5c2)" 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(#i6j9Pab2)" 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"/><ellipse cx="8" cy="12.5" fill="url(#iISl2lr)" rx="5" ry="4.5"/><circle cx="19" cy="12" r="4" fill="url(#iBBGeLA)"/><path fill="#fff" d="M15 10.5a4.5 4.5 0 0 1-1.694 3.518c-.803-.27-1.83-.518-2.806-.518c-.977 0-2.003.248-2.806.518A4.5 4.5 0 1 1 15 10.5m11 0a4.5 4.5 0 0 1-1.694 3.518c-.803-.27-1.83-.518-2.806-.518c-.977 0-2.003.248-2.806.518A4.5 4.5 0 1 1 26 10.5"/><path fill="url(#iEQzokd)" d="M11 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iEQzokd)" d="M21 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iUQOPic)" d="M16 25c-9 0-9-9-9-9h18s0 9-9 9"/><path fill="url(#iGCY4Xv)" d="M8 16.5V16h16v.5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1"/><defs><radialGradient id="iuezoob2" 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="iE8QcEd2" 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="ivEnSkc2" 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="iWiImqb2" 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="ibBjvec2" 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="ipSnfmL2" 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="ilqJk5c2" 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="i6j9Pab2" 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="iISl2lr" cx="0" cy="0" r="1" gradientTransform="rotate(138.013 4.218 6.781)scale(9.26805 4.77033)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="iBBGeLA" cx="0" cy="0" r="1" gradientTransform="rotate(135 9.215 9.024)scale(7.2282 4.08044)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="iUQOPic" cx="0" cy="0" r="1" gradientTransform="matrix(0 -11 22 0 16 27)" gradientUnits="userSpaceOnUse"><stop stop-color="#F70A8D"/><stop offset="1" stop-color="#89029C"/></radialGradient><linearGradient id="iEQzokd" x1="22.154" x2="21" y1="7" y2="13" gradientUnits="userSpaceOnUse"><stop stop-color="#553B3E"/><stop offset="1" stop-color="#3D2432"/></linearGradient><linearGradient id="iGCY4Xv" x1="16" x2="16" y1="16" y2="17.5" gradientUnits="userSpaceOnUse"><stop stop-color="#ECCDFF"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-grinning-face {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23iuezoob2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23iE8QcEd2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23ivEnSkc2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23iWiImqb2)%22%20fill-opacity%3D%22.6%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23ibBjvec2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23ipSnfmL2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23ilqJk5c2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23i6j9Pab2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cellipse%20cx%3D%228%22%20cy%3D%2212.5%22%20fill%3D%22url(%23iISl2lr)%22%20rx%3D%225%22%20ry%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22url(%23iBBGeLA)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15%2010.5a4.5%204.5%200%200%201-1.694%203.518c-.803-.27-1.83-.518-2.806-.518c-.977%200-2.003.248-2.806.518A4.5%204.5%200%201%201%2015%2010.5m11%200a4.5%204.5%200%200%201-1.694%203.518c-.803-.27-1.83-.518-2.806-.518c-.977%200-2.003.248-2.806.518A4.5%204.5%200%201%201%2026%2010.5%22%2F%3E%3Cpath%20fill%3D%22url(%23iEQzokd)%22%20d%3D%22M11%2013a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23iEQzokd)%22%20d%3D%22M21%2013a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23iUQOPic)%22%20d%3D%22M16%2025c-9%200-9-9-9-9h18s0%209-9%209%22%2F%3E%3Cpath%20fill%3D%22url(%23iGCY4Xv)%22%20d%3D%22M8%2016.5V16h16v.5a1%201%200%200%201-1%201H9a1%201%200%200%201-1-1%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22iuezoob2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(132.839%2010.786%2010.065)scale(37.5033)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFF478%22%2F%3E%3Cstop%20offset%3D%22.475%22%20stop-color%3D%22%23FFB02E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F70A8D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iE8QcEd2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(131.878%2010.74%2010.193)scale(38.9487)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFF478%22%2F%3E%3Cstop%20offset%3D%22.475%22%20stop-color%3D%22%23FFB02E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F70A8D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ivEnSkc2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(101.31%202.876%2012.808)scale(17.8466%2022.8581)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.788%22%20stop-color%3D%22%23F59639%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.973%22%20stop-color%3D%22%23FF7DCE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iWiImqb2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-29%2029%20-29%20-29%2018%2014)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.315%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ibBjvec2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(77.692%20-2.555%2018.434)scale(28.1469)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.508%22%20stop-color%3D%22%237D6133%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23715B32%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ipSnfmL2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(7.5%2010.99996%20-7.97335%205.4364%2016.5%2016.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFB849%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFB847%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ilqJk5c2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(11.49998%202%20-2%2011.49998%2020.5%2018)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFA64B%22%2F%3E%3Cstop%20offset%3D%22.9%22%20stop-color%3D%22%23FFAE46%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i6j9Pab2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(43.971%20-9.827%2029.173)scale(59.0529)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.185%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%22.4%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iISl2lr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(138.013%204.218%206.781)scale(9.26805%204.77033)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23392108%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C87928%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iBBGeLA%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135%209.215%209.024)scale(7.2282%204.08044)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23392108%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C87928%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iUQOPic%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-11%2022%200%2016%2027)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F70A8D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2389029C%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22iEQzokd%22%20x1%3D%2222.154%22%20x2%3D%2221%22%20y1%3D%227%22%20y2%3D%2213%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23553B3E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233D2432%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iGCY4Xv%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2216%22%20y2%3D%2217.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ECCDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23iuezoob2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23iE8QcEd2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23ivEnSkc2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23iWiImqb2)%22%20fill-opacity%3D%22.6%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23ibBjvec2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23ipSnfmL2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23ilqJk5c2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22url(%23i6j9Pab2)%22%20d%3D%22M15.999%2029.998c9.334%200%2013.999-6.268%2013.999-14c0-7.73-4.665-13.998-14-13.998C6.665%202%202%208.268%202%2015.999s4.664%2013.999%2013.999%2013.999%22%2F%3E%3Cellipse%20cx%3D%228%22%20cy%3D%2212.5%22%20fill%3D%22url(%23iISl2lr)%22%20rx%3D%225%22%20ry%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22url(%23iBBGeLA)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15%2010.5a4.5%204.5%200%200%201-1.694%203.518c-.803-.27-1.83-.518-2.806-.518c-.977%200-2.003.248-2.806.518A4.5%204.5%200%201%201%2015%2010.5m11%200a4.5%204.5%200%200%201-1.694%203.518c-.803-.27-1.83-.518-2.806-.518c-.977%200-2.003.248-2.806.518A4.5%204.5%200%201%201%2026%2010.5%22%2F%3E%3Cpath%20fill%3D%22url(%23iEQzokd)%22%20d%3D%22M11%2013a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23iEQzokd)%22%20d%3D%22M21%2013a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23iUQOPic)%22%20d%3D%22M16%2025c-9%200-9-9-9-9h18s0%209-9%209%22%2F%3E%3Cpath%20fill%3D%22url(%23iGCY4Xv)%22%20d%3D%22M8%2016.5V16h16v.5a1%201%200%200%201-1%201H9a1%201%200%200%201-1-1%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22iuezoob2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(132.839%2010.786%2010.065)scale(37.5033)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFF478%22%2F%3E%3Cstop%20offset%3D%22.475%22%20stop-color%3D%22%23FFB02E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F70A8D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iE8QcEd2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(131.878%2010.74%2010.193)scale(38.9487)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFF478%22%2F%3E%3Cstop%20offset%3D%22.475%22%20stop-color%3D%22%23FFB02E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F70A8D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ivEnSkc2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(101.31%202.876%2012.808)scale(17.8466%2022.8581)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.788%22%20stop-color%3D%22%23F59639%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.973%22%20stop-color%3D%22%23FF7DCE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iWiImqb2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-29%2029%20-29%20-29%2018%2014)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.315%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ibBjvec2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(77.692%20-2.555%2018.434)scale(28.1469)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.508%22%20stop-color%3D%22%237D6133%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23715B32%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ipSnfmL2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(7.5%2010.99996%20-7.97335%205.4364%2016.5%2016.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFB849%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFB847%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ilqJk5c2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(11.49998%202%20-2%2011.49998%2020.5%2018)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFA64B%22%2F%3E%3Cstop%20offset%3D%22.9%22%20stop-color%3D%22%23FFAE46%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i6j9Pab2%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(43.971%20-9.827%2029.173)scale(59.0529)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.185%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%22.4%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iISl2lr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(138.013%204.218%206.781)scale(9.26805%204.77033)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23392108%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C87928%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iBBGeLA%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135%209.215%209.024)scale(7.2282%204.08044)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23392108%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C87928%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iUQOPic%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-11%2022%200%2016%2027)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F70A8D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2389029C%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22iEQzokd%22%20x1%3D%2222.154%22%20x2%3D%2221%22%20y1%3D%227%22%20y2%3D%2213%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23553B3E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233D2432%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iGCY4Xv%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2216%22%20y2%3D%2217.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ECCDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/grinning-face.svg?color=%231a73e8&size=48