yawning face emoji

yawning-face from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.

Name
yawning-face
Set
OpenMoji
Style
Default
Category
Smileys Emotion
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji in other sets

yawning-faceFluent Emojiyawning-faceFluent Emoji Flatyawning-faceFluent Emoji High Contrastyawning-faceNoto Emojiyawning-faceTwitter Emoji

More smileys emotion icons from OpenMoji

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-cat

Use the yawning face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGd6i5TlHu" d="M35.977 30.419A10.935 10.935 0 0 0 25.1 43.074a2.5 2.5 0 0 1 1.378-.441a2.54 2.54 0 0 1 2.345 1.474a39 39 0 0 1 2.644-5.218a3.39 3.39 0 0 1 2.665-1.963a2.5 2.5 0 0 1 1.452.408c1.23-1.581 2.634-1.69 3.634-1.185a3.35 3.35 0 0 1 1.705 2.76a2.6 2.6 0 0 1 .83.201a2.32 2.32 0 0 1 1.475 2.274a5.8 5.8 0 0 1-.6 2.503a2.6 2.6 0 0 1 .6.77a4.03 4.03 0 0 1-.12 3.687l-.852 1.612c-.071.217-.13.433-.19.65a11.01 11.01 0 0 0-6.088-20.188Z"/></defs><use href="#SVGd6i5TlHu"/><circle cx="36.004" cy="35.318" r="23.9" fill="#fcea2b"/><path fill="#fcea2b" d="m35.604 66.368l-.068-.003l-9.7-.699a.95.95 0 0 1-.863-1.134c.538-2.692.99-4.709 1.23-5.792l.001-.002c-.153-.314-.307-.64-.46-.965a48 48 0 0 0-.59-1.23c-.206-.412-.636-1.27-1.297-8.64c-.202-2.018-.151-3.48.725-4.503a2.46 2.46 0 0 1 1.922-.933a2.54 2.54 0 0 1 2.344 1.475a39 39 0 0 1 2.644-5.218a3.39 3.39 0 0 1 2.665-1.963a2.5 2.5 0 0 1 1.452.407c1.23-1.58 2.634-1.69 3.634-1.184a3.35 3.35 0 0 1 1.705 2.76a2.6 2.6 0 0 1 .83.2a2.32 2.32 0 0 1 1.476 2.274a5.8 5.8 0 0 1-.601 2.503a2.6 2.6 0 0 1 .6.77a4.03 4.03 0 0 1-.12 3.688l-.852 1.612a26 26 0 0 0-.533 1.959l-.122.498a21.7 21.7 0 0 1-2.39 6.527a5.8 5.8 0 0 1-1.625 1.978l-.196.186a1.7 1.7 0 0 0-.29.308l-.072.443a37 37 0 0 0-.502 3.787a.95.95 0 0 1-.948.89Z"/><use href="#SVGd6i5TlHu"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M42.804 57.318a22.98 22.98 0 1 0-28.8-15.2a23.8 23.8 0 0 0 7.1 10.8"/><path d="M23.104 26.068c4.4-.1 7.9-1.4 8.8-3.1m17 3.1c-4.4-.1-7.9-1.4-8.8-3.1m-14.2 41.75c.6-3 1.1-5.2 1.3-6.1c-.4-.8-.8-1.7-1.2-2.5c-.2-.4-.6-1.6-1.2-8.3c-.2-2-.1-3.1.5-3.8a1.56 1.56 0 0 1 1.2-.6c1.3 0 1.7 1.2 2 2.4l.1.3l.2.6a39.5 39.5 0 0 1 3.5-7.5c1.8-3 3.5-.6 3.5-.6c2.2-4.1 5-.8 4 1.3a1.98 1.98 0 0 1 1.6-.1a1.42 1.42 0 0 1 .9 1.4a5.3 5.3 0 0 1-.9 2.8a2.2 2.2 0 0 1 1 .9a3.08 3.08 0 0 1-.1 2.8l-.9 1.7c-.3.9-.5 1.8-.7 2.6a20.8 20.8 0 0 1-2.3 6.3a4.74 4.74 0 0 1-1.4 1.7c-.4.4-.7.6-.8 1a43 43 0 0 0-.6 4.4"/><path d="M26.242 43.445a10.001 10.001 0 1 1 15.054 6.31"/></g></svg>

React

import type { SVGProps } from "react";

export function OpenmojiYawningFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGd6i5TlHu" d="M35.977 30.419A10.935 10.935 0 0 0 25.1 43.074a2.5 2.5 0 0 1 1.378-.441a2.54 2.54 0 0 1 2.345 1.474a39 39 0 0 1 2.644-5.218a3.39 3.39 0 0 1 2.665-1.963a2.5 2.5 0 0 1 1.452.408c1.23-1.581 2.634-1.69 3.634-1.185a3.35 3.35 0 0 1 1.705 2.76a2.6 2.6 0 0 1 .83.201a2.32 2.32 0 0 1 1.475 2.274a5.8 5.8 0 0 1-.6 2.503a2.6 2.6 0 0 1 .6.77a4.03 4.03 0 0 1-.12 3.687l-.852 1.612c-.071.217-.13.433-.19.65a11.01 11.01 0 0 0-6.088-20.188Z"/></defs><use href="#SVGd6i5TlHu"/><circle cx="36.004" cy="35.318" r="23.9" fill="#fcea2b"/><path fill="#fcea2b" d="m35.604 66.368l-.068-.003l-9.7-.699a.95.95 0 0 1-.863-1.134c.538-2.692.99-4.709 1.23-5.792l.001-.002c-.153-.314-.307-.64-.46-.965a48 48 0 0 0-.59-1.23c-.206-.412-.636-1.27-1.297-8.64c-.202-2.018-.151-3.48.725-4.503a2.46 2.46 0 0 1 1.922-.933a2.54 2.54 0 0 1 2.344 1.475a39 39 0 0 1 2.644-5.218a3.39 3.39 0 0 1 2.665-1.963a2.5 2.5 0 0 1 1.452.407c1.23-1.58 2.634-1.69 3.634-1.184a3.35 3.35 0 0 1 1.705 2.76a2.6 2.6 0 0 1 .83.2a2.32 2.32 0 0 1 1.476 2.274a5.8 5.8 0 0 1-.601 2.503a2.6 2.6 0 0 1 .6.77a4.03 4.03 0 0 1-.12 3.688l-.852 1.612a26 26 0 0 0-.533 1.959l-.122.498a21.7 21.7 0 0 1-2.39 6.527a5.8 5.8 0 0 1-1.625 1.978l-.196.186a1.7 1.7 0 0 0-.29.308l-.072.443a37 37 0 0 0-.502 3.787a.95.95 0 0 1-.948.89Z"/><use href="#SVGd6i5TlHu"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M42.804 57.318a22.98 22.98 0 1 0-28.8-15.2a23.8 23.8 0 0 0 7.1 10.8"/><path d="M23.104 26.068c4.4-.1 7.9-1.4 8.8-3.1m17 3.1c-4.4-.1-7.9-1.4-8.8-3.1m-14.2 41.75c.6-3 1.1-5.2 1.3-6.1c-.4-.8-.8-1.7-1.2-2.5c-.2-.4-.6-1.6-1.2-8.3c-.2-2-.1-3.1.5-3.8a1.56 1.56 0 0 1 1.2-.6c1.3 0 1.7 1.2 2 2.4l.1.3l.2.6a39.5 39.5 0 0 1 3.5-7.5c1.8-3 3.5-.6 3.5-.6c2.2-4.1 5-.8 4 1.3a1.98 1.98 0 0 1 1.6-.1a1.42 1.42 0 0 1 .9 1.4a5.3 5.3 0 0 1-.9 2.8a2.2 2.2 0 0 1 1 .9a3.08 3.08 0 0 1-.1 2.8l-.9 1.7c-.3.9-.5 1.8-.7 2.6a20.8 20.8 0 0 1-2.3 6.3a4.74 4.74 0 0 1-1.4 1.7c-.4.4-.7.6-.8 1a43 43 0 0 0-.6 4.4"/><path d="M26.242 43.445a10.001 10.001 0 1 1 15.054 6.31"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGd6i5TlHu" d="M35.977 30.419A10.935 10.935 0 0 0 25.1 43.074a2.5 2.5 0 0 1 1.378-.441a2.54 2.54 0 0 1 2.345 1.474a39 39 0 0 1 2.644-5.218a3.39 3.39 0 0 1 2.665-1.963a2.5 2.5 0 0 1 1.452.408c1.23-1.581 2.634-1.69 3.634-1.185a3.35 3.35 0 0 1 1.705 2.76a2.6 2.6 0 0 1 .83.201a2.32 2.32 0 0 1 1.475 2.274a5.8 5.8 0 0 1-.6 2.503a2.6 2.6 0 0 1 .6.77a4.03 4.03 0 0 1-.12 3.687l-.852 1.612c-.071.217-.13.433-.19.65a11.01 11.01 0 0 0-6.088-20.188Z"/></defs><use href="#SVGd6i5TlHu"/><circle cx="36.004" cy="35.318" r="23.9" fill="#fcea2b"/><path fill="#fcea2b" d="m35.604 66.368l-.068-.003l-9.7-.699a.95.95 0 0 1-.863-1.134c.538-2.692.99-4.709 1.23-5.792l.001-.002c-.153-.314-.307-.64-.46-.965a48 48 0 0 0-.59-1.23c-.206-.412-.636-1.27-1.297-8.64c-.202-2.018-.151-3.48.725-4.503a2.46 2.46 0 0 1 1.922-.933a2.54 2.54 0 0 1 2.344 1.475a39 39 0 0 1 2.644-5.218a3.39 3.39 0 0 1 2.665-1.963a2.5 2.5 0 0 1 1.452.407c1.23-1.58 2.634-1.69 3.634-1.184a3.35 3.35 0 0 1 1.705 2.76a2.6 2.6 0 0 1 .83.2a2.32 2.32 0 0 1 1.476 2.274a5.8 5.8 0 0 1-.601 2.503a2.6 2.6 0 0 1 .6.77a4.03 4.03 0 0 1-.12 3.688l-.852 1.612a26 26 0 0 0-.533 1.959l-.122.498a21.7 21.7 0 0 1-2.39 6.527a5.8 5.8 0 0 1-1.625 1.978l-.196.186a1.7 1.7 0 0 0-.29.308l-.072.443a37 37 0 0 0-.502 3.787a.95.95 0 0 1-.948.89Z"/><use href="#SVGd6i5TlHu"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M42.804 57.318a22.98 22.98 0 1 0-28.8-15.2a23.8 23.8 0 0 0 7.1 10.8"/><path d="M23.104 26.068c4.4-.1 7.9-1.4 8.8-3.1m17 3.1c-4.4-.1-7.9-1.4-8.8-3.1m-14.2 41.75c.6-3 1.1-5.2 1.3-6.1c-.4-.8-.8-1.7-1.2-2.5c-.2-.4-.6-1.6-1.2-8.3c-.2-2-.1-3.1.5-3.8a1.56 1.56 0 0 1 1.2-.6c1.3 0 1.7 1.2 2 2.4l.1.3l.2.6a39.5 39.5 0 0 1 3.5-7.5c1.8-3 3.5-.6 3.5-.6c2.2-4.1 5-.8 4 1.3a1.98 1.98 0 0 1 1.6-.1a1.42 1.42 0 0 1 .9 1.4a5.3 5.3 0 0 1-.9 2.8a2.2 2.2 0 0 1 1 .9a3.08 3.08 0 0 1-.1 2.8l-.9 1.7c-.3.9-.5 1.8-.7 2.6a20.8 20.8 0 0 1-2.3 6.3a4.74 4.74 0 0 1-1.4 1.7c-.4.4-.7.6-.8 1a43 43 0 0 0-.6 4.4"/><path d="M26.242 43.445a10.001 10.001 0 1 1 15.054 6.31"/></g></svg>
</template>

CSS

.icon-yawning-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%2072%2072%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGd6i5TlHu%22%20d%3D%22M35.977%2030.419A10.935%2010.935%200%200%200%2025.1%2043.074a2.5%202.5%200%200%201%201.378-.441a2.54%202.54%200%200%201%202.345%201.474a39%2039%200%200%201%202.644-5.218a3.39%203.39%200%200%201%202.665-1.963a2.5%202.5%200%200%201%201.452.408c1.23-1.581%202.634-1.69%203.634-1.185a3.35%203.35%200%200%201%201.705%202.76a2.6%202.6%200%200%201%20.83.201a2.32%202.32%200%200%201%201.475%202.274a5.8%205.8%200%200%201-.6%202.503a2.6%202.6%200%200%201%20.6.77a4.03%204.03%200%200%201-.12%203.687l-.852%201.612c-.071.217-.13.433-.19.65a11.01%2011.01%200%200%200-6.088-20.188Z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23SVGd6i5TlHu%22%2F%3E%3Ccircle%20cx%3D%2236.004%22%20cy%3D%2235.318%22%20r%3D%2223.9%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22m35.604%2066.368l-.068-.003l-9.7-.699a.95.95%200%200%201-.863-1.134c.538-2.692.99-4.709%201.23-5.792l.001-.002c-.153-.314-.307-.64-.46-.965a48%2048%200%200%200-.59-1.23c-.206-.412-.636-1.27-1.297-8.64c-.202-2.018-.151-3.48.725-4.503a2.46%202.46%200%200%201%201.922-.933a2.54%202.54%200%200%201%202.344%201.475a39%2039%200%200%201%202.644-5.218a3.39%203.39%200%200%201%202.665-1.963a2.5%202.5%200%200%201%201.452.407c1.23-1.58%202.634-1.69%203.634-1.184a3.35%203.35%200%200%201%201.705%202.76a2.6%202.6%200%200%201%20.83.2a2.32%202.32%200%200%201%201.476%202.274a5.8%205.8%200%200%201-.601%202.503a2.6%202.6%200%200%201%20.6.77a4.03%204.03%200%200%201-.12%203.688l-.852%201.612a26%2026%200%200%200-.533%201.959l-.122.498a21.7%2021.7%200%200%201-2.39%206.527a5.8%205.8%200%200%201-1.625%201.978l-.196.186a1.7%201.7%200%200%200-.29.308l-.072.443a37%2037%200%200%200-.502%203.787a.95.95%200%200%201-.948.89Z%22%2F%3E%3Cuse%20href%3D%22%23SVGd6i5TlHu%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M42.804%2057.318a22.98%2022.98%200%201%200-28.8-15.2a23.8%2023.8%200%200%200%207.1%2010.8%22%2F%3E%3Cpath%20d%3D%22M23.104%2026.068c4.4-.1%207.9-1.4%208.8-3.1m17%203.1c-4.4-.1-7.9-1.4-8.8-3.1m-14.2%2041.75c.6-3%201.1-5.2%201.3-6.1c-.4-.8-.8-1.7-1.2-2.5c-.2-.4-.6-1.6-1.2-8.3c-.2-2-.1-3.1.5-3.8a1.56%201.56%200%200%201%201.2-.6c1.3%200%201.7%201.2%202%202.4l.1.3l.2.6a39.5%2039.5%200%200%201%203.5-7.5c1.8-3%203.5-.6%203.5-.6c2.2-4.1%205-.8%204%201.3a1.98%201.98%200%200%201%201.6-.1a1.42%201.42%200%200%201%20.9%201.4a5.3%205.3%200%200%201-.9%202.8a2.2%202.2%200%200%201%201%20.9a3.08%203.08%200%200%201-.1%202.8l-.9%201.7c-.3.9-.5%201.8-.7%202.6a20.8%2020.8%200%200%201-2.3%206.3a4.74%204.74%200%200%201-1.4%201.7c-.4.4-.7.6-.8%201a43%2043%200%200%200-.6%204.4%22%2F%3E%3Cpath%20d%3D%22M26.242%2043.445a10.001%2010.001%200%201%201%2015.054%206.31%22%2F%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%2072%2072%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGd6i5TlHu%22%20d%3D%22M35.977%2030.419A10.935%2010.935%200%200%200%2025.1%2043.074a2.5%202.5%200%200%201%201.378-.441a2.54%202.54%200%200%201%202.345%201.474a39%2039%200%200%201%202.644-5.218a3.39%203.39%200%200%201%202.665-1.963a2.5%202.5%200%200%201%201.452.408c1.23-1.581%202.634-1.69%203.634-1.185a3.35%203.35%200%200%201%201.705%202.76a2.6%202.6%200%200%201%20.83.201a2.32%202.32%200%200%201%201.475%202.274a5.8%205.8%200%200%201-.6%202.503a2.6%202.6%200%200%201%20.6.77a4.03%204.03%200%200%201-.12%203.687l-.852%201.612c-.071.217-.13.433-.19.65a11.01%2011.01%200%200%200-6.088-20.188Z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23SVGd6i5TlHu%22%2F%3E%3Ccircle%20cx%3D%2236.004%22%20cy%3D%2235.318%22%20r%3D%2223.9%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22m35.604%2066.368l-.068-.003l-9.7-.699a.95.95%200%200%201-.863-1.134c.538-2.692.99-4.709%201.23-5.792l.001-.002c-.153-.314-.307-.64-.46-.965a48%2048%200%200%200-.59-1.23c-.206-.412-.636-1.27-1.297-8.64c-.202-2.018-.151-3.48.725-4.503a2.46%202.46%200%200%201%201.922-.933a2.54%202.54%200%200%201%202.344%201.475a39%2039%200%200%201%202.644-5.218a3.39%203.39%200%200%201%202.665-1.963a2.5%202.5%200%200%201%201.452.407c1.23-1.58%202.634-1.69%203.634-1.184a3.35%203.35%200%200%201%201.705%202.76a2.6%202.6%200%200%201%20.83.2a2.32%202.32%200%200%201%201.476%202.274a5.8%205.8%200%200%201-.601%202.503a2.6%202.6%200%200%201%20.6.77a4.03%204.03%200%200%201-.12%203.688l-.852%201.612a26%2026%200%200%200-.533%201.959l-.122.498a21.7%2021.7%200%200%201-2.39%206.527a5.8%205.8%200%200%201-1.625%201.978l-.196.186a1.7%201.7%200%200%200-.29.308l-.072.443a37%2037%200%200%200-.502%203.787a.95.95%200%200%201-.948.89Z%22%2F%3E%3Cuse%20href%3D%22%23SVGd6i5TlHu%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M42.804%2057.318a22.98%2022.98%200%201%200-28.8-15.2a23.8%2023.8%200%200%200%207.1%2010.8%22%2F%3E%3Cpath%20d%3D%22M23.104%2026.068c4.4-.1%207.9-1.4%208.8-3.1m17%203.1c-4.4-.1-7.9-1.4-8.8-3.1m-14.2%2041.75c.6-3%201.1-5.2%201.3-6.1c-.4-.8-.8-1.7-1.2-2.5c-.2-.4-.6-1.6-1.2-8.3c-.2-2-.1-3.1.5-3.8a1.56%201.56%200%200%201%201.2-.6c1.3%200%201.7%201.2%202%202.4l.1.3l.2.6a39.5%2039.5%200%200%201%203.5-7.5c1.8-3%203.5-.6%203.5-.6c2.2-4.1%205-.8%204%201.3a1.98%201.98%200%200%201%201.6-.1a1.42%201.42%200%200%201%20.9%201.4a5.3%205.3%200%200%201-.9%202.8a2.2%202.2%200%200%201%201%20.9a3.08%203.08%200%200%201-.1%202.8l-.9%201.7c-.3.9-.5%201.8-.7%202.6a20.8%2020.8%200%200%201-2.3%206.3a4.74%204.74%200%200%201-1.4%201.7c-.4.4-.7.6-.8%201a43%2043%200%200%200-.6%204.4%22%2F%3E%3Cpath%20d%3D%22M26.242%2043.445a10.001%2010.001%200%201%201%2015.054%206.31%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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