sleepy face emoji

sleepy-face from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.

Name
sleepy-face
Set
Noto Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

sleepy-faceEmoji One (Colored)sleepy-faceFluent Emojisleepy-faceFluent Emoji Flatsleepy-faceFluent Emoji High Contrastsleepy-faceOpenMojisleepy-faceStreamline Emojissleepy-faceTwitter Emoji

More smileys & emotion icons from Noto Emoji

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 sleepy face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGRiGVheCl" cx="64" cy="-2640" r="56.96" fx="64" fy="-2640" gradientTransform="matrix(1 0 0 -1 0 -2576)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGRiGVheCl)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#4fc3f7" d="M112.34 110.82c21.29-4.71 14.81-41.1-21.71-36.29c-6.33.83-13 5-17.74 9.19c-1.16 1.03-.65 3 .9 2.89c15.23-1.05 14.78 29.47 38.56 24.21Z"/><path fill="#b3e5fc" d="M113.61 81.45c.56.55 1.08 1.17 1.32 1.92s.18 1.63-.31 2.24c-.72.89-2.04.95-3.18.84c-3.11-.31-6.15-1.32-8.83-2.93c-1.53-.92-3.33-2.51-2.91-4.53c.29-1.35 1.6-1.67 2.82-1.7c3.74-.09 8.4 1.59 11.07 4.17Z"/><path fill="#422b0d" d="m36.07 46.37l.14-.03c2.14-.5 2.06-3.72-.38-3.64c-1.9.1-3.85.48-5.75 1.18c-5.23 1.9-9.33 5.79-11.47 10.18c-1.03 2.21 1.89 3.59 3.19 1.81c3.35-4.47 8.43-8 14.28-9.49Zm55.86 0l-.14-.03c-2.14-.5-2.06-3.72.38-3.64c1.9.1 3.85.48 5.75 1.18c5.23 1.9 9.33 5.79 11.47 10.18c1.03 2.21-1.89 3.59-3.19 1.81c-3.35-4.47-8.43-8-14.28-9.49ZM49.8 62.8c-2.07 2.14-4.98 3.89-8.1 3.8h.1c-3.14.23-6.41-1.9-8.41-4.01c-2.09-2.12-6.71.17-5.28 3.11c.94 1.97 2.73 4.19 4.86 5.61c7.13 5.08 18.45 2.63 22.03-5.42c1.39-2.88-3.02-5.53-5.2-3.1Zm44.9 0c-2.07 2.14-4.98 3.89-8.1 3.8h.1c-3.13.23-6.41-1.9-8.4-4c-2.09-2.14-6.72.14-5.3 3.1c.94 1.96 2.72 4.18 4.85 5.6c7.12 5.09 18.47 2.64 22.05-5.41c1.39-2.88-3.02-5.53-5.2-3.1Zm-30.67 41.68c3.85 0 7.73.74 11.37 1.74c7.99 3.37 14.37-4.69 9.9-10.02c-4.66-5.54-12.25-7.68-21.53-7.68S47.66 90.14 43 95.69c-5.19 5.29 1.81 13.34 9.81 10.52c3.62-.99 7.36-1.74 11.21-1.74Z"/></svg>

React

import type { SVGProps } from "react";

export function NotoSleepyFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGRiGVheCl" cx="64" cy="-2640" r="56.96" fx="64" fy="-2640" gradientTransform="matrix(1 0 0 -1 0 -2576)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#fde030"/><stop offset=".92" stopColor="#f7c02b"/><stop offset="1" stopColor="#f4a223"/></radialGradient></defs><g strokeWidth="0"><path fill="url(#SVGRiGVheCl)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#4fc3f7" d="M112.34 110.82c21.29-4.71 14.81-41.1-21.71-36.29c-6.33.83-13 5-17.74 9.19c-1.16 1.03-.65 3 .9 2.89c15.23-1.05 14.78 29.47 38.56 24.21Z"/><path fill="#b3e5fc" d="M113.61 81.45c.56.55 1.08 1.17 1.32 1.92s.18 1.63-.31 2.24c-.72.89-2.04.95-3.18.84c-3.11-.31-6.15-1.32-8.83-2.93c-1.53-.92-3.33-2.51-2.91-4.53c.29-1.35 1.6-1.67 2.82-1.7c3.74-.09 8.4 1.59 11.07 4.17Z"/><path fill="#422b0d" d="m36.07 46.37l.14-.03c2.14-.5 2.06-3.72-.38-3.64c-1.9.1-3.85.48-5.75 1.18c-5.23 1.9-9.33 5.79-11.47 10.18c-1.03 2.21 1.89 3.59 3.19 1.81c3.35-4.47 8.43-8 14.28-9.49Zm55.86 0l-.14-.03c-2.14-.5-2.06-3.72.38-3.64c1.9.1 3.85.48 5.75 1.18c5.23 1.9 9.33 5.79 11.47 10.18c1.03 2.21-1.89 3.59-3.19 1.81c-3.35-4.47-8.43-8-14.28-9.49ZM49.8 62.8c-2.07 2.14-4.98 3.89-8.1 3.8h.1c-3.14.23-6.41-1.9-8.41-4.01c-2.09-2.12-6.71.17-5.28 3.11c.94 1.97 2.73 4.19 4.86 5.61c7.13 5.08 18.45 2.63 22.03-5.42c1.39-2.88-3.02-5.53-5.2-3.1Zm44.9 0c-2.07 2.14-4.98 3.89-8.1 3.8h.1c-3.13.23-6.41-1.9-8.4-4c-2.09-2.14-6.72.14-5.3 3.1c.94 1.96 2.72 4.18 4.85 5.6c7.12 5.09 18.47 2.64 22.05-5.41c1.39-2.88-3.02-5.53-5.2-3.1Zm-30.67 41.68c3.85 0 7.73.74 11.37 1.74c7.99 3.37 14.37-4.69 9.9-10.02c-4.66-5.54-12.25-7.68-21.53-7.68S47.66 90.14 43 95.69c-5.19 5.29 1.81 13.34 9.81 10.52c3.62-.99 7.36-1.74 11.21-1.74Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGRiGVheCl" cx="64" cy="-2640" r="56.96" fx="64" fy="-2640" gradientTransform="matrix(1 0 0 -1 0 -2576)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGRiGVheCl)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#4fc3f7" d="M112.34 110.82c21.29-4.71 14.81-41.1-21.71-36.29c-6.33.83-13 5-17.74 9.19c-1.16 1.03-.65 3 .9 2.89c15.23-1.05 14.78 29.47 38.56 24.21Z"/><path fill="#b3e5fc" d="M113.61 81.45c.56.55 1.08 1.17 1.32 1.92s.18 1.63-.31 2.24c-.72.89-2.04.95-3.18.84c-3.11-.31-6.15-1.32-8.83-2.93c-1.53-.92-3.33-2.51-2.91-4.53c.29-1.35 1.6-1.67 2.82-1.7c3.74-.09 8.4 1.59 11.07 4.17Z"/><path fill="#422b0d" d="m36.07 46.37l.14-.03c2.14-.5 2.06-3.72-.38-3.64c-1.9.1-3.85.48-5.75 1.18c-5.23 1.9-9.33 5.79-11.47 10.18c-1.03 2.21 1.89 3.59 3.19 1.81c3.35-4.47 8.43-8 14.28-9.49Zm55.86 0l-.14-.03c-2.14-.5-2.06-3.72.38-3.64c1.9.1 3.85.48 5.75 1.18c5.23 1.9 9.33 5.79 11.47 10.18c1.03 2.21-1.89 3.59-3.19 1.81c-3.35-4.47-8.43-8-14.28-9.49ZM49.8 62.8c-2.07 2.14-4.98 3.89-8.1 3.8h.1c-3.14.23-6.41-1.9-8.41-4.01c-2.09-2.12-6.71.17-5.28 3.11c.94 1.97 2.73 4.19 4.86 5.61c7.13 5.08 18.45 2.63 22.03-5.42c1.39-2.88-3.02-5.53-5.2-3.1Zm44.9 0c-2.07 2.14-4.98 3.89-8.1 3.8h.1c-3.13.23-6.41-1.9-8.4-4c-2.09-2.14-6.72.14-5.3 3.1c.94 1.96 2.72 4.18 4.85 5.6c7.12 5.09 18.47 2.64 22.05-5.41c1.39-2.88-3.02-5.53-5.2-3.1Zm-30.67 41.68c3.85 0 7.73.74 11.37 1.74c7.99 3.37 14.37-4.69 9.9-10.02c-4.66-5.54-12.25-7.68-21.53-7.68S47.66 90.14 43 95.69c-5.19 5.29 1.81 13.34 9.81 10.52c3.62-.99 7.36-1.74 11.21-1.74Z"/></svg>
</template>

CSS

.icon-sleepy-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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGRiGVheCl%22%20cx%3D%2264%22%20cy%3D%22-2640%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-2640%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-2576)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGRiGVheCl)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%234fc3f7%22%20d%3D%22M112.34%20110.82c21.29-4.71%2014.81-41.1-21.71-36.29c-6.33.83-13%205-17.74%209.19c-1.16%201.03-.65%203%20.9%202.89c15.23-1.05%2014.78%2029.47%2038.56%2024.21Z%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22M113.61%2081.45c.56.55%201.08%201.17%201.32%201.92s.18%201.63-.31%202.24c-.72.89-2.04.95-3.18.84c-3.11-.31-6.15-1.32-8.83-2.93c-1.53-.92-3.33-2.51-2.91-4.53c.29-1.35%201.6-1.67%202.82-1.7c3.74-.09%208.4%201.59%2011.07%204.17Z%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22m36.07%2046.37l.14-.03c2.14-.5%202.06-3.72-.38-3.64c-1.9.1-3.85.48-5.75%201.18c-5.23%201.9-9.33%205.79-11.47%2010.18c-1.03%202.21%201.89%203.59%203.19%201.81c3.35-4.47%208.43-8%2014.28-9.49Zm55.86%200l-.14-.03c-2.14-.5-2.06-3.72.38-3.64c1.9.1%203.85.48%205.75%201.18c5.23%201.9%209.33%205.79%2011.47%2010.18c1.03%202.21-1.89%203.59-3.19%201.81c-3.35-4.47-8.43-8-14.28-9.49ZM49.8%2062.8c-2.07%202.14-4.98%203.89-8.1%203.8h.1c-3.14.23-6.41-1.9-8.41-4.01c-2.09-2.12-6.71.17-5.28%203.11c.94%201.97%202.73%204.19%204.86%205.61c7.13%205.08%2018.45%202.63%2022.03-5.42c1.39-2.88-3.02-5.53-5.2-3.1Zm44.9%200c-2.07%202.14-4.98%203.89-8.1%203.8h.1c-3.13.23-6.41-1.9-8.4-4c-2.09-2.14-6.72.14-5.3%203.1c.94%201.96%202.72%204.18%204.85%205.6c7.12%205.09%2018.47%202.64%2022.05-5.41c1.39-2.88-3.02-5.53-5.2-3.1Zm-30.67%2041.68c3.85%200%207.73.74%2011.37%201.74c7.99%203.37%2014.37-4.69%209.9-10.02c-4.66-5.54-12.25-7.68-21.53-7.68S47.66%2090.14%2043%2095.69c-5.19%205.29%201.81%2013.34%209.81%2010.52c3.62-.99%207.36-1.74%2011.21-1.74Z%22%2F%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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGRiGVheCl%22%20cx%3D%2264%22%20cy%3D%22-2640%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-2640%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-2576)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGRiGVheCl)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%234fc3f7%22%20d%3D%22M112.34%20110.82c21.29-4.71%2014.81-41.1-21.71-36.29c-6.33.83-13%205-17.74%209.19c-1.16%201.03-.65%203%20.9%202.89c15.23-1.05%2014.78%2029.47%2038.56%2024.21Z%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22M113.61%2081.45c.56.55%201.08%201.17%201.32%201.92s.18%201.63-.31%202.24c-.72.89-2.04.95-3.18.84c-3.11-.31-6.15-1.32-8.83-2.93c-1.53-.92-3.33-2.51-2.91-4.53c.29-1.35%201.6-1.67%202.82-1.7c3.74-.09%208.4%201.59%2011.07%204.17Z%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22m36.07%2046.37l.14-.03c2.14-.5%202.06-3.72-.38-3.64c-1.9.1-3.85.48-5.75%201.18c-5.23%201.9-9.33%205.79-11.47%2010.18c-1.03%202.21%201.89%203.59%203.19%201.81c3.35-4.47%208.43-8%2014.28-9.49Zm55.86%200l-.14-.03c-2.14-.5-2.06-3.72.38-3.64c1.9.1%203.85.48%205.75%201.18c5.23%201.9%209.33%205.79%2011.47%2010.18c1.03%202.21-1.89%203.59-3.19%201.81c-3.35-4.47-8.43-8-14.28-9.49ZM49.8%2062.8c-2.07%202.14-4.98%203.89-8.1%203.8h.1c-3.14.23-6.41-1.9-8.41-4.01c-2.09-2.12-6.71.17-5.28%203.11c.94%201.97%202.73%204.19%204.86%205.61c7.13%205.08%2018.45%202.63%2022.03-5.42c1.39-2.88-3.02-5.53-5.2-3.1Zm44.9%200c-2.07%202.14-4.98%203.89-8.1%203.8h.1c-3.13.23-6.41-1.9-8.4-4c-2.09-2.14-6.72.14-5.3%203.1c.94%201.96%202.72%204.18%204.85%205.6c7.12%205.09%2018.47%202.64%2022.05-5.41c1.39-2.88-3.02-5.53-5.2-3.1Zm-30.67%2041.68c3.85%200%207.73.74%2011.37%201.74c7.99%203.37%2014.37-4.69%209.9-10.02c-4.66-5.54-12.25-7.68-21.53-7.68S47.66%2090.14%2043%2095.69c-5.19%205.29%201.81%2013.34%209.81%2010.52c3.62-.99%207.36-1.74%2011.21-1.74Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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