sleepy face emoji
sleepy-face from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.
- Name
- sleepy-face
- Set
- OpenMoji
- Style
- Default
- Category
- Smileys Emotion
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
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 sleepy face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="36" r="24" fill="#fcea2b"/><path fill="#92d3f5" d="M53.024 55.005a5.03 5.03 0 0 1-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95 0 0 1 1.014-.885c.253.017 6.223.459 9.15 3.811h.001a5.067 5.067 0 0 1-.486 7.138a5.02 5.02 0 0 1-3.669 1.237"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M46.834 56.293A22.9 22.9 0 0 1 36 59c-12.702 0-23-10.297-23-23s10.298-23 23-23s23 10.298 23 23a23 23 0 0 1-.789 5.994"/><path stroke-linecap="round" stroke-linejoin="round" d="M40.5 32.725c.413-.344 2.246-1.791 4.91-1.636c2.16.126 3.61 1.233 4.09 1.636m-27 0c.413-.344 2.246-1.791 4.91-1.636c2.16.126 3.61 1.233 4.09 1.636"/><path d="M53.024 55.005a5.03 5.03 0 0 1-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95 0 0 1 1.014-.885c.253.017 6.223.459 9.15 3.811h.001a5.067 5.067 0 0 1-.486 7.138a5.02 5.02 0 0 1-3.669 1.237z"/><path stroke-linecap="round" stroke-linejoin="round" d="M29.5 45.5c1.284-.638 3.985-1.03 6.842-.998c2.624.03 4.99.414 6.158.998"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiSleepyFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="36" r="24" fill="#fcea2b"/><path fill="#92d3f5" d="M53.024 55.005a5.03 5.03 0 0 1-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95 0 0 1 1.014-.885c.253.017 6.223.459 9.15 3.811h.001a5.067 5.067 0 0 1-.486 7.138a5.02 5.02 0 0 1-3.669 1.237"/><g fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2"><path strokeLinecap="round" strokeLinejoin="round" d="M46.834 56.293A22.9 22.9 0 0 1 36 59c-12.702 0-23-10.297-23-23s10.298-23 23-23s23 10.298 23 23a23 23 0 0 1-.789 5.994"/><path strokeLinecap="round" strokeLinejoin="round" d="M40.5 32.725c.413-.344 2.246-1.791 4.91-1.636c2.16.126 3.61 1.233 4.09 1.636m-27 0c.413-.344 2.246-1.791 4.91-1.636c2.16.126 3.61 1.233 4.09 1.636"/><path d="M53.024 55.005a5.03 5.03 0 0 1-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95 0 0 1 1.014-.885c.253.017 6.223.459 9.15 3.811h.001a5.067 5.067 0 0 1-.486 7.138a5.02 5.02 0 0 1-3.669 1.237z"/><path strokeLinecap="round" strokeLinejoin="round" d="M29.5 45.5c1.284-.638 3.985-1.03 6.842-.998c2.624.03 4.99.414 6.158.998"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="36" r="24" fill="#fcea2b"/><path fill="#92d3f5" d="M53.024 55.005a5.03 5.03 0 0 1-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95 0 0 1 1.014-.885c.253.017 6.223.459 9.15 3.811h.001a5.067 5.067 0 0 1-.486 7.138a5.02 5.02 0 0 1-3.669 1.237"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M46.834 56.293A22.9 22.9 0 0 1 36 59c-12.702 0-23-10.297-23-23s10.298-23 23-23s23 10.298 23 23a23 23 0 0 1-.789 5.994"/><path stroke-linecap="round" stroke-linejoin="round" d="M40.5 32.725c.413-.344 2.246-1.791 4.91-1.636c2.16.126 3.61 1.233 4.09 1.636m-27 0c.413-.344 2.246-1.791 4.91-1.636c2.16.126 3.61 1.233 4.09 1.636"/><path d="M53.024 55.005a5.03 5.03 0 0 1-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95 0 0 1 1.014-.885c.253.017 6.223.459 9.15 3.811h.001a5.067 5.067 0 0 1-.486 7.138a5.02 5.02 0 0 1-3.669 1.237z"/><path stroke-linecap="round" stroke-linejoin="round" d="M29.5 45.5c1.284-.638 3.985-1.03 6.842-.998c2.624.03 4.99.414 6.158.998"/></g></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%2072%2072%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2224%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M53.024%2055.005a5.03%205.03%200%200%201-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95%200%200%201%201.014-.885c.253.017%206.223.459%209.15%203.811h.001a5.067%205.067%200%200%201-.486%207.138a5.02%205.02%200%200%201-3.669%201.237%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M46.834%2056.293A22.9%2022.9%200%200%201%2036%2059c-12.702%200-23-10.297-23-23s10.298-23%2023-23s23%2010.298%2023%2023a23%2023%200%200%201-.789%205.994%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.5%2032.725c.413-.344%202.246-1.791%204.91-1.636c2.16.126%203.61%201.233%204.09%201.636m-27%200c.413-.344%202.246-1.791%204.91-1.636c2.16.126%203.61%201.233%204.09%201.636%22%2F%3E%3Cpath%20d%3D%22M53.024%2055.005a5.03%205.03%200%200%201-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95%200%200%201%201.014-.885c.253.017%206.223.459%209.15%203.811h.001a5.067%205.067%200%200%201-.486%207.138a5.02%205.02%200%200%201-3.669%201.237z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M29.5%2045.5c1.284-.638%203.985-1.03%206.842-.998c2.624.03%204.99.414%206.158.998%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%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2224%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M53.024%2055.005a5.03%205.03%200%200%201-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95%200%200%201%201.014-.885c.253.017%206.223.459%209.15%203.811h.001a5.067%205.067%200%200%201-.486%207.138a5.02%205.02%200%200%201-3.669%201.237%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M46.834%2056.293A22.9%2022.9%200%200%201%2036%2059c-12.702%200-23-10.297-23-23s10.298-23%2023-23s23%2010.298%2023%2023a23%2023%200%200%201-.789%205.994%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.5%2032.725c.413-.344%202.246-1.791%204.91-1.636c2.16.126%203.61%201.233%204.09%201.636m-27%200c.413-.344%202.246-1.791%204.91-1.636c2.16.126%203.61%201.233%204.09%201.636%22%2F%3E%3Cpath%20d%3D%22M53.024%2055.005a5.03%205.03%200%200%201-3.47-1.722c-2.927-3.352-2.558-9.327-2.54-9.58a.95.95%200%200%201%201.014-.885c.253.017%206.223.459%209.15%203.811h.001a5.067%205.067%200%200%201-.486%207.138a5.02%205.02%200%200%201-3.669%201.237z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M29.5%2045.5c1.284-.638%203.985-1.03%206.842-.998c2.624.03%204.99.414%206.158.998%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/sleepy-face.svg?color=%231a73e8&size=48
