yawning face emoji

yawning-face from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
yawning-face
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

yawning-faceFluent Emojiyawning-faceFluent Emoji Flatyawning-faceNoto Emojiyawning-faceOpenMojiyawning-faceTwitter Emoji

More smileys & emotion icons from Fluent Emoji High Contrast

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

Use the yawning face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778C4.105 9.089 3 12.328 3 15.998c0 2.164.384 4.177 1.135 5.94c-.1.346-.207.602-.31.757a4.9 4.9 0 0 0-.69 1.688C1.7 21.963 1 19.067 1 16c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576s-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423c-1.722 0-3.306-.204-4.747-.589q.28-.133.539-.277a12.7 12.7 0 0 0 1.866-1.283q1.11.148 2.342.149c4.43 0 7.648-1.48 9.764-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-3.67-1.106-6.91-3.235-9.221C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778"/><path d="m17.748 24.841l-2.146 2.146Q15.799 27 16 27a6 6 0 1 0-2.42-11.492a2.3 2.3 0 0 1 .35.356a2.25 2.25 0 0 1 3.113 3.113q.165.129.307.291a2.25 2.25 0 0 1 .375 2.369l.023.022a2.25 2.25 0 0 1 0 3.182M9.941 10.824c-.937.312-1.692.914-2.047 1.623a1 1 0 1 1-1.788-.894c.645-1.291 1.89-2.189 3.203-2.627s2.847-.466 4.138.18a1 1 0 1 1-.894 1.788c-.71-.354-1.675-.383-2.612-.07m12.118 0c.936.312 1.692.914 2.046 1.623a1 1 0 0 0 1.79-.894c-.646-1.291-1.89-2.189-3.204-2.627c-1.313-.438-2.847-.466-4.138.18a1 1 0 0 0 .894 1.788c.71-.354 1.675-.383 2.612-.07"/><path d="M13.04 16.366a1.25 1.25 0 0 1 .16 1.573l1.073-1.073a1.25 1.25 0 0 1 1.768 1.768l-1.073 1.073a1.25 1.25 0 0 1 1.512 1.984l-.354.31a1.25 1.25 0 0 1 .915 2.134l-2.643 2.642c-.407.455-4.925 5.335-8.741 2.473c-2-1.5-2-4.5-1-6c.619-.929.879-3.115.965-4.751c.036-.69.595-1.249 1.285-1.249s1.25.56 1.25 1.25v.982l3.116-3.116a1.25 1.25 0 0 1 1.768 0"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastYawningFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778C4.105 9.089 3 12.328 3 15.998c0 2.164.384 4.177 1.135 5.94c-.1.346-.207.602-.31.757a4.9 4.9 0 0 0-.69 1.688C1.7 21.963 1 19.067 1 16c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576s-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423c-1.722 0-3.306-.204-4.747-.589q.28-.133.539-.277a12.7 12.7 0 0 0 1.866-1.283q1.11.148 2.342.149c4.43 0 7.648-1.48 9.764-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-3.67-1.106-6.91-3.235-9.221C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778"/><path d="m17.748 24.841l-2.146 2.146Q15.799 27 16 27a6 6 0 1 0-2.42-11.492a2.3 2.3 0 0 1 .35.356a2.25 2.25 0 0 1 3.113 3.113q.165.129.307.291a2.25 2.25 0 0 1 .375 2.369l.023.022a2.25 2.25 0 0 1 0 3.182M9.941 10.824c-.937.312-1.692.914-2.047 1.623a1 1 0 1 1-1.788-.894c.645-1.291 1.89-2.189 3.203-2.627s2.847-.466 4.138.18a1 1 0 1 1-.894 1.788c-.71-.354-1.675-.383-2.612-.07m12.118 0c.936.312 1.692.914 2.046 1.623a1 1 0 0 0 1.79-.894c-.646-1.291-1.89-2.189-3.204-2.627c-1.313-.438-2.847-.466-4.138.18a1 1 0 0 0 .894 1.788c.71-.354 1.675-.383 2.612-.07"/><path d="M13.04 16.366a1.25 1.25 0 0 1 .16 1.573l1.073-1.073a1.25 1.25 0 0 1 1.768 1.768l-1.073 1.073a1.25 1.25 0 0 1 1.512 1.984l-.354.31a1.25 1.25 0 0 1 .915 2.134l-2.643 2.642c-.407.455-4.925 5.335-8.741 2.473c-2-1.5-2-4.5-1-6c.619-.929.879-3.115.965-4.751c.036-.69.595-1.249 1.285-1.249s1.25.56 1.25 1.25v.982l3.116-3.116a1.25 1.25 0 0 1 1.768 0"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778C4.105 9.089 3 12.328 3 15.998c0 2.164.384 4.177 1.135 5.94c-.1.346-.207.602-.31.757a4.9 4.9 0 0 0-.69 1.688C1.7 21.963 1 19.067 1 16c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576s-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423c-1.722 0-3.306-.204-4.747-.589q.28-.133.539-.277a12.7 12.7 0 0 0 1.866-1.283q1.11.148 2.342.149c4.43 0 7.648-1.48 9.764-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-3.67-1.106-6.91-3.235-9.221C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778"/><path d="m17.748 24.841l-2.146 2.146Q15.799 27 16 27a6 6 0 1 0-2.42-11.492a2.3 2.3 0 0 1 .35.356a2.25 2.25 0 0 1 3.113 3.113q.165.129.307.291a2.25 2.25 0 0 1 .375 2.369l.023.022a2.25 2.25 0 0 1 0 3.182M9.941 10.824c-.937.312-1.692.914-2.047 1.623a1 1 0 1 1-1.788-.894c.645-1.291 1.89-2.189 3.203-2.627s2.847-.466 4.138.18a1 1 0 1 1-.894 1.788c-.71-.354-1.675-.383-2.612-.07m12.118 0c.936.312 1.692.914 2.046 1.623a1 1 0 0 0 1.79-.894c-.646-1.291-1.89-2.189-3.204-2.627c-1.313-.438-2.847-.466-4.138.18a1 1 0 0 0 .894 1.788c.71-.354 1.675-.383 2.612-.07"/><path d="M13.04 16.366a1.25 1.25 0 0 1 .16 1.573l1.073-1.073a1.25 1.25 0 0 1 1.768 1.768l-1.073 1.073a1.25 1.25 0 0 1 1.512 1.984l-.354.31a1.25 1.25 0 0 1 .915 2.134l-2.643 2.642c-.407.455-4.925 5.335-8.741 2.473c-2-1.5-2-4.5-1-6c.619-.929.879-3.115.965-4.751c.036-.69.595-1.249 1.285-1.249s1.25.56 1.25 1.25v.982l3.116-3.116a1.25 1.25 0 0 1 1.768 0"/></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.235%206.778C4.105%209.089%203%2012.328%203%2015.998c0%202.164.384%204.177%201.135%205.94c-.1.346-.207.602-.31.757a4.9%204.9%200%200%200-.69%201.688C1.7%2021.963%201%2019.067%201%2016c0-4.061%201.226-7.821%203.763-10.576C7.313%202.654%2011.095%201%2016%201s8.686%201.654%2011.235%204.423c2.537%202.755%203.764%206.515%203.764%2010.576s-1.227%207.82-3.764%2010.576c-2.55%202.769-6.331%204.423-11.235%204.423c-1.722%200-3.306-.204-4.747-.589q.28-.133.539-.277a12.7%2012.7%200%200%200%201.866-1.283q1.11.148%202.342.149c4.43%200%207.648-1.48%209.764-3.778c2.129-2.311%203.235-5.55%203.235-9.221c0-3.67-1.106-6.91-3.235-9.221C23.647%204.48%2020.43%203%2016%203S8.35%204.48%206.235%206.778%22%2F%3E%3Cpath%20d%3D%22m17.748%2024.841l-2.146%202.146Q15.799%2027%2016%2027a6%206%200%201%200-2.42-11.492a2.3%202.3%200%200%201%20.35.356a2.25%202.25%200%200%201%203.113%203.113q.165.129.307.291a2.25%202.25%200%200%201%20.375%202.369l.023.022a2.25%202.25%200%200%201%200%203.182M9.941%2010.824c-.937.312-1.692.914-2.047%201.623a1%201%200%201%201-1.788-.894c.645-1.291%201.89-2.189%203.203-2.627s2.847-.466%204.138.18a1%201%200%201%201-.894%201.788c-.71-.354-1.675-.383-2.612-.07m12.118%200c.936.312%201.692.914%202.046%201.623a1%201%200%200%200%201.79-.894c-.646-1.291-1.89-2.189-3.204-2.627c-1.313-.438-2.847-.466-4.138.18a1%201%200%200%200%20.894%201.788c.71-.354%201.675-.383%202.612-.07%22%2F%3E%3Cpath%20d%3D%22M13.04%2016.366a1.25%201.25%200%200%201%20.16%201.573l1.073-1.073a1.25%201.25%200%200%201%201.768%201.768l-1.073%201.073a1.25%201.25%200%200%201%201.512%201.984l-.354.31a1.25%201.25%200%200%201%20.915%202.134l-2.643%202.642c-.407.455-4.925%205.335-8.741%202.473c-2-1.5-2-4.5-1-6c.619-.929.879-3.115.965-4.751c.036-.69.595-1.249%201.285-1.249s1.25.56%201.25%201.25v.982l3.116-3.116a1.25%201.25%200%200%201%201.768%200%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.235%206.778C4.105%209.089%203%2012.328%203%2015.998c0%202.164.384%204.177%201.135%205.94c-.1.346-.207.602-.31.757a4.9%204.9%200%200%200-.69%201.688C1.7%2021.963%201%2019.067%201%2016c0-4.061%201.226-7.821%203.763-10.576C7.313%202.654%2011.095%201%2016%201s8.686%201.654%2011.235%204.423c2.537%202.755%203.764%206.515%203.764%2010.576s-1.227%207.82-3.764%2010.576c-2.55%202.769-6.331%204.423-11.235%204.423c-1.722%200-3.306-.204-4.747-.589q.28-.133.539-.277a12.7%2012.7%200%200%200%201.866-1.283q1.11.148%202.342.149c4.43%200%207.648-1.48%209.764-3.778c2.129-2.311%203.235-5.55%203.235-9.221c0-3.67-1.106-6.91-3.235-9.221C23.647%204.48%2020.43%203%2016%203S8.35%204.48%206.235%206.778%22%2F%3E%3Cpath%20d%3D%22m17.748%2024.841l-2.146%202.146Q15.799%2027%2016%2027a6%206%200%201%200-2.42-11.492a2.3%202.3%200%200%201%20.35.356a2.25%202.25%200%200%201%203.113%203.113q.165.129.307.291a2.25%202.25%200%200%201%20.375%202.369l.023.022a2.25%202.25%200%200%201%200%203.182M9.941%2010.824c-.937.312-1.692.914-2.047%201.623a1%201%200%201%201-1.788-.894c.645-1.291%201.89-2.189%203.203-2.627s2.847-.466%204.138.18a1%201%200%201%201-.894%201.788c-.71-.354-1.675-.383-2.612-.07m12.118%200c.936.312%201.692.914%202.046%201.623a1%201%200%200%200%201.79-.894c-.646-1.291-1.89-2.189-3.204-2.627c-1.313-.438-2.847-.466-4.138.18a1%201%200%200%200%20.894%201.788c.71-.354%201.675-.383%202.612-.07%22%2F%3E%3Cpath%20d%3D%22M13.04%2016.366a1.25%201.25%200%200%201%20.16%201.573l1.073-1.073a1.25%201.25%200%200%201%201.768%201.768l-1.073%201.073a1.25%201.25%200%200%201%201.512%201.984l-.354.31a1.25%201.25%200%200%201%20.915%202.134l-2.643%202.642c-.407.455-4.925%205.335-8.741%202.473c-2-1.5-2-4.5-1-6c.619-.929.879-3.115.965-4.751c.036-.69.595-1.249%201.285-1.249s1.25.56%201.25%201.25v.982l3.116-3.116a1.25%201.25%200%200%201%201.768%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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