Yawning Face icon
fluent-emoji:yawning-face
The Yawning Face icon (fluent-emoji:yawning-face) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- yawningface
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><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"/><path fill="url(#iFHAaOd)" d="M16 29.999c9.334 0 13.999-6.267 13.999-13.999c0-7.73-4.665-13.999-13.999-13.999s-13.999 6.268-13.999 14c0 7.73 4.665 13.998 13.999 13.998"/><g filter="url(#iTFdSdM)"><path fill="#BE6B12" d="M15.45 17.337a1.246 1.246 0 0 0-1.687-.36l-3.526 2.197l.388-.901c.269-.626-.037-1.348-.684-1.614c-.65-.267-1.397.029-1.662.66l-1.075 2.555l-1.165 1.984a1 1 0 0 0-.058.112c-.397.559-.492 2.164-.21 2.844c.812 2.625 2.458 1.79 4.854 2.093c1.054.133 2.308.524 3.138 0l3.411-1.619a1.2 1.2 0 0 0 .469-1.686a1.26 1.26 0 0 0-.665-.537l.506-.314a1.21 1.21 0 0 0 .374-1.71a1.28 1.28 0 0 0-.663-.503l.155-.097a1.21 1.21 0 0 0 .375-1.709a1.304 1.304 0 0 0-1.765-.376l-.576.358c.316-.384.358-.938.066-1.377"/></g><ellipse cx="16" cy="20.947" fill="url(#iao9X3P)" rx="5.766" ry="5.758"/><g filter="url(#iug1scb)"><path stroke="#DD8526" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".75" stroke-width="1.9" d="M24.208 12.126c-.969-2.031-3.406-2.156-5.25-1.687"/></g><path stroke="url(#iBIFkcd)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.9" d="M25.226 11.689c-1.532-2.047-4.125-2.547-6.266-1.344"/><g filter="url(#ifllpIb)"><path stroke="#DD8526" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".75" stroke-width="1.9" d="M6.272 13.126c1.717-2.562 4.28-3.031 6.124-2.562"/></g><path stroke="url(#iHx5Tvr)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.9" d="M7.272 11.689c1.532-2.047 4.125-2.547 6.266-1.344"/><g filter="url(#iLdkOcc)"><path fill="url(#iyMxDGb)" d="M15.66 16.732a1.36 1.36 0 0 0-1.878-.105l-3.432 2.958l.266-1.037c.186-.72-.265-1.447-1.007-1.625c-.746-.18-1.5.265-1.681.99l-.731 2.933l-.923 2.334a2 2 0 0 0-.045.13a4.7 4.7 0 0 0-.489 2.224c.074 2.608 2.27 4.662 4.902 4.587a4.78 4.78 0 0 0 3.015-1.177l5.193-3.93c.61-.46.71-1.316.223-1.896a1.38 1.38 0 0 0-.806-.467l.492-.424a1.32 1.32 0 0 0 .118-1.905a1.4 1.4 0 0 0-.8-.432l.152-.13a1.32 1.32 0 0 0 .117-1.905a1.423 1.423 0 0 0-1.965-.11l-.56.483a1.26 1.26 0 0 0-.16-1.496"/><path fill="url(#ieR11Vd)" d="M15.66 16.732a1.36 1.36 0 0 0-1.878-.105l-3.432 2.958l.266-1.037c.186-.72-.265-1.447-1.007-1.625c-.746-.18-1.5.265-1.681.99l-.731 2.933l-.923 2.334a2 2 0 0 0-.045.13a4.7 4.7 0 0 0-.489 2.224c.074 2.608 2.27 4.662 4.902 4.587a4.78 4.78 0 0 0 3.015-1.177l5.193-3.93c.61-.46.71-1.316.223-1.896a1.38 1.38 0 0 0-.806-.467l.492-.424a1.32 1.32 0 0 0 .118-1.905a1.4 1.4 0 0 0-.8-.432l.152-.13a1.32 1.32 0 0 0 .117-1.905a1.423 1.423 0 0 0-1.965-.11l-.56.483a1.26 1.26 0 0 0-.16-1.496"/><path fill="url(#iTJUwie)" d="M15.66 16.732a1.36 1.36 0 0 0-1.878-.105l-3.432 2.958l.266-1.037c.186-.72-.265-1.447-1.007-1.625c-.746-.18-1.5.265-1.681.99l-.731 2.933l-.923 2.334a2 2 0 0 0-.045.13a4.7 4.7 0 0 0-.489 2.224c.074 2.608 2.27 4.662 4.902 4.587a4.78 4.78 0 0 0 3.015-1.177l5.193-3.93c.61-.46.71-1.316.223-1.896a1.38 1.38 0 0 0-.806-.467l.492-.424a1.32 1.32 0 0 0 .118-1.905a1.4 1.4 0 0 0-.8-.432l.152-.13a1.32 1.32 0 0 0 .117-1.905a1.423 1.423 0 0 0-1.965-.11l-.56.483a1.26 1.26 0 0 0-.16-1.496"/></g><path fill="url(#iASxJdb)" d="M13.755 16.632a1.37 1.37 0 0 1 1.89.11a1.27 1.27 0 0 1-.088 1.816l-4.56 4.088a1.333 1.333 0 0 1-1.808-.04l-.39-.379a.7.7 0 0 1-.015-.994l1.51-1.613z"/><path fill="url(#i06BRne)" d="M12.417 21.37a1.32 1.32 0 0 0 .163 1.575c.51.556 1.39.605 1.965.11l3.66-3.294a1.32 1.32 0 0 0 .118-1.905a1.423 1.423 0 0 0-1.966-.11l-.528.474c-.101.086-.276.262-.387.358z"/><path fill="url(#ioMHbme)" d="M13.679 23.276c.017.293.302.728.519.965c.51.556 1.39.606 1.965.11l2.46-2.12c.576-.496.767-1.346.256-1.903a1.8 1.8 0 0 0-.392-.299c-.379-.225-.833-.102-1.17.182z"/><path fill="url(#ihpyVxc)" d="m15.315 25.02l1.227 1.722l1.475-1.105l.795-.621c.616-.46.716-1.326.222-1.914a1.4 1.4 0 0 0-.43-.343c-.257-.132-.557-.033-.779.153z"/><path fill="url(#igpGBBN)" d="m7.89 22.142l2.476-2.596c.543-1.528.136-1.927.043-2.096z"/><g filter="url(#icJp9pc)"><path fill="url(#i9gdY7F)" d="M19.033 24.58c-.328.121-.718-.116-.872-.53s-.013-.85.315-.971c.328-.122.718.115.872.53c.153.414.012.849-.315.97"/></g><g filter="url(#ibWM4Ws)"><path fill="url(#iCRxlad)" d="M18.814 21.78c-.328.122-.718-.116-.872-.53s-.013-.85.315-.971c.328-.122.718.116.872.53s.013.85-.315.971"/></g><g filter="url(#i3cc6hd)"><path fill="url(#izJ0CWb)" d="M18.105 19.272c-.328.121-.718-.116-.872-.53s-.013-.85.315-.972c.328-.121.718.116.872.53s.013.85-.315.971"/></g><g filter="url(#i7WPpOg)"><path fill="url(#iRmeFsc)" d="M15.656 18.072c-.328.122-.719-.116-.872-.53s-.013-.85.314-.97c.328-.122.719.115.872.53c.154.414.013.849-.315.97"/></g><g filter="url(#iLOfJFc)"><path stroke="url(#iOTcsXd)" stroke-linecap="round" stroke-width="1.5" d="M11.515 20.971c.938.707 2.9 2.687 3.24 4.955"/></g><path fill="url(#i8Bb7Ne)" d="M10.46 18.689c-.339.519-1.078.65-1.676.284s-.808-1.085-.468-1.604c.339-.518 1.099-.642 1.697-.275s.787 1.076.448 1.595"/><defs><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="iFHAaOd" cx="0" cy="0" r="1" gradientTransform="rotate(96.176 11.673 6.36)scale(33.6956)" gradientUnits="userSpaceOnUse"><stop offset=".641" stop-color="#F59639" stop-opacity="0"/><stop offset="1" stop-color="#F68354"/></radialGradient><radialGradient id="iao9X3P" cx="0" cy="0" r="1" gradientTransform="matrix(0 -11.6997 11.7155 0 16 29.263)" gradientUnits="userSpaceOnUse"><stop stop-color="#F70A8D"/><stop offset="1" stop-color="#89029C"/></radialGradient><radialGradient id="iBIFkcd" cx="0" cy="0" r="1" gradientTransform="rotate(-88.301 17.163 -5.441)scale(7.92539 12.3133)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#482641"/><stop offset=".276" stop-color="#503A4A"/><stop offset=".401" stop-color="#483637"/></radialGradient><radialGradient id="iHx5Tvr" cx="0" cy="0" r="1" gradientTransform="matrix(-.23498 -7.9219 12.30789 -.36507 10.406 11.875)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#482641"/><stop offset=".276" stop-color="#503A4A"/><stop offset=".401" stop-color="#483637"/></radialGradient><radialGradient id="iyMxDGb" cx="0" cy="0" r="1" gradientTransform="rotate(136.865 7.615 11.92)scale(32.4636 32.2586)" gradientUnits="userSpaceOnUse"><stop offset=".24" stop-color="#FFD43C"/><stop offset=".614" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iTJUwie" cx="0" cy="0" r="1" gradientTransform="rotate(115.708 4.803 14.334)scale(20.7424 28.3094)" gradientUnits="userSpaceOnUse"><stop offset=".732" stop-color="#FD61C2" stop-opacity="0"/><stop offset="1" stop-color="#FF63C4"/></radialGradient><radialGradient id="i9gdY7F" cx="0" cy="0" r="1" gradientTransform="matrix(-.7979 -.16086 .18796 -.93235 18.555 23.964)" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#FAF194" stop-opacity=".4"/><stop offset=".724" stop-color="#FFF478" stop-opacity="0"/></radialGradient><radialGradient id="iCRxlad" cx="0" cy="0" r="1" gradientTransform="matrix(-.7979 -.16086 .18796 -.93235 18.336 21.164)" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#FAF194" stop-opacity=".4"/><stop offset=".724" stop-color="#FFF478" stop-opacity="0"/></radialGradient><radialGradient id="izJ0CWb" cx="0" cy="0" r="1" gradientTransform="matrix(-.7979 -.16086 .18796 -.93235 17.626 18.655)" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#FAF194" stop-opacity=".4"/><stop offset=".724" stop-color="#FFF478" stop-opacity="0"/></radialGradient><radialGradient id="iRmeFsc" cx="0" cy="0" r="1" gradientTransform="matrix(-.7979 -.16086 .18796 -.93235 15.178 17.455)" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#FAF194" stop-opacity=".4"/><stop offset=".724" stop-color="#FFF478" stop-opacity="0"/></radialGradient><radialGradient id="i8Bb7Ne" cx="0" cy="0" r="1" gradientTransform="matrix(-1.6064 1.04544 -1.09804 -1.68721 9.99 17.783)" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#FFF478" stop-opacity=".3"/><stop offset=".724" stop-color="#FFF478" stop-opacity="0"/></radialGradient><filter id="iTFdSdM" width="16.456" height="14.612" x="3.609" y="14.56" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6890_5229" stdDeviation="1"/></filter><filter id="iug1scb" width="10.15" height="6.814" x="16.508" y="7.762" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6890_5229" stdDeviation=".75"/></filter><filter id="ifllpIb" width="11.024" height="7.623" x="3.822" y="7.953" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6890_5229" stdDeviation=".75"/></filter><filter id="iLdkOcc" width="15.643" height="15.822" x="5.738" y="14.3" 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_6890_5229"/></filter><filter id="icJp9pc" width="2.311" height="2.565" x="17.599" y="22.547" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6890_5229" stdDeviation=".25"/></filter><filter id="ibWM4Ws" width="2.311" height="2.565" x="17.38" y="19.747" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6890_5229" stdDeviation=".25"/></filter><filter id="i3cc6hd" width="2.311" height="2.565" x="16.671" y="17.239" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6890_5229" stdDeviation=".25"/></filter><filter id="i7WPpOg" width="2.311" height="2.565" x="14.221" y="16.04" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6890_5229" stdDeviation=".25"/></filter><filter id="iLOfJFc" width="7.74" height="9.455" x="9.265" y="18.721" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6890_5229" stdDeviation=".75"/></filter><linearGradient id="ieR11Vd" x1="3.01" x2="8.199" y1="17.251" y2="17.115" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#EE891E"/><stop offset=".865" stop-color="#FA9428" stop-opacity="0"/></linearGradient><linearGradient id="iASxJdb" x1="10.477" x2="13.05" y1="15.254" y2="18.392" gradientUnits="userSpaceOnUse"><stop offset=".386" stop-color="#83480A"/><stop offset=".545" stop-color="#CD7313"/><stop offset="1" stop-color="#FA9428" stop-opacity="0"/></linearGradient><linearGradient id="i06BRne" x1="13.461" x2="14.435" y1="18.741" y2="19.945" gradientUnits="userSpaceOnUse"><stop offset=".386" stop-color="#83480A"/><stop offset=".545" stop-color="#CD7313"/><stop offset="1" stop-color="#FA9428" stop-opacity="0"/></linearGradient><linearGradient id="ioMHbme" x1="14.905" x2="16.035" y1="20.307" y2="21.748" gradientUnits="userSpaceOnUse"><stop offset=".386" stop-color="#83480A"/><stop offset=".545" stop-color="#CD7313"/><stop offset="1" stop-color="#FA9428" stop-opacity="0"/></linearGradient><linearGradient id="ihpyVxc" x1="16.644" x2="17.567" y1="22.493" y2="23.665" gradientUnits="userSpaceOnUse"><stop offset=".386" stop-color="#83480A"/><stop offset=".545" stop-color="#CD7313"/><stop offset="1" stop-color="#FA9428" stop-opacity="0"/></linearGradient><linearGradient id="igpGBBN" x1="9.178" x2="8.602" y1="21.462" y2="21.094" gradientUnits="userSpaceOnUse"><stop offset=".307" stop-color="#E27F17" stop-opacity=".53"/><stop offset="1" stop-color="#FA9428" stop-opacity="0"/></linearGradient><linearGradient id="iOTcsXd" x1="9.999" x2="15.776" y1="20.846" y2="28.101" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#FFF478" stop-opacity=".5"/><stop offset="1" stop-color="#FFF478" stop-opacity="0"/></linearGradient></defs></g></svg>How to use the Yawning Face icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:yawning-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:yawning-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:yawning-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--yawning-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:yawning-face"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:yawning-face"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/yawning-face.svg" alt="Yawning Face icon" width="24" height="24">Yawning Face icon in other icon sets
Yawning Face icon FAQ
Is the Yawning Face icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Yawning Face icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:yawning-face" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Yawning Face icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/yawning-face.svg" alt="Yawning Face icon">, or paste the SVG code inline to style it with CSS.