sleepy icon
sleepy-outline from Health Icons by Resolve to Save Lives · Outline · Emotions · MIT Free for personal and commercial use.
- Name
- sleepy-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Emotions
- Viewbox
- 48×48
- License
- MIT
- Aliases
- sleepy2x-outline
3 other variants in Health Icons
The same icon in other sets
More emotions icons from Health Icons
Use the sleepy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M24 6C14.059 6 6 14.059 6 24c0 9.94 8.059 18 18 18s18-8.06 18-18c0-1.799-.264-3.535-.755-5.174l-1.916.575c.437 1.457.671 3 .671 4.599c0 8.836-7.163 16-16 16S8 32.836 8 24S15.163 8 24 8z"/><path d="M18.164 15.317a1 1 0 0 1 .366-1.366l2.669-1.54a1 1 0 0 1 1.492.985l-.451 3.75l1.27-.733a1 1 0 1 1 1 1.732l-3.003 1.734a1 1 0 0 1-1.492-.986l.451-3.75l-.936.54a1 1 0 0 1-1.366-.366m8.36-7.247a1 1 0 1 0 .518 1.93l1.932-.517l-2.049 5.105a1 1 0 0 0 1.187 1.338l4.347-1.165a1 1 0 1 0-.518-1.932l-2.415.647l2.049-5.104a1 1 0 0 0-1.187-1.338zM35.556 7a1 1 0 0 1 1-1H41a1 1 0 0 1 .848 1.53L37.804 14H41a1 1 0 1 1 0 2h-5a1 1 0 0 1-.848-1.53L39.196 8h-2.64a1 1 0 0 1-1-1M14.404 28.648c-.773-.245-1.44-.8-1.516-1.543a.5.5 0 0 1 .545-.548c1.93.181 3.781-.748 5.075-2.86a.5.5 0 0 1 .843-.015c.402.605.442 1.557.152 2.425a3.8 3.8 0 0 1-2.132 2.295c-1.112.481-2.16.503-2.967.246m17.336-4.645c.546-.599.846-1.412.54-2.094a.5.5 0 0 0-.745-.203c-1.582 1.123-3.65 1.244-5.825.062a.5.5 0 0 0-.738.408c-.045.725.396 1.569 1.08 2.176a3.8 3.8 0 0 0 2.995.922c1.203-.14 2.121-.644 2.692-1.27"/><path fill-rule="evenodd" d="M32.448 31.855c-2.251-3.085-5.587-4.715-8.707-3.879s-5.194 3.916-5.601 7.713c-.115 1.069.923 1.823 1.961 1.545l11.42-3.06c1.039-.279 1.56-1.45.927-2.32m-8.19-1.947c1.894-.507 4.215.306 6.09 2.51L20.24 35.126c.521-2.846 2.125-4.71 4.018-5.218" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsSleepyOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M24 6C14.059 6 6 14.059 6 24c0 9.94 8.059 18 18 18s18-8.06 18-18c0-1.799-.264-3.535-.755-5.174l-1.916.575c.437 1.457.671 3 .671 4.599c0 8.836-7.163 16-16 16S8 32.836 8 24S15.163 8 24 8z"/><path d="M18.164 15.317a1 1 0 0 1 .366-1.366l2.669-1.54a1 1 0 0 1 1.492.985l-.451 3.75l1.27-.733a1 1 0 1 1 1 1.732l-3.003 1.734a1 1 0 0 1-1.492-.986l.451-3.75l-.936.54a1 1 0 0 1-1.366-.366m8.36-7.247a1 1 0 1 0 .518 1.93l1.932-.517l-2.049 5.105a1 1 0 0 0 1.187 1.338l4.347-1.165a1 1 0 1 0-.518-1.932l-2.415.647l2.049-5.104a1 1 0 0 0-1.187-1.338zM35.556 7a1 1 0 0 1 1-1H41a1 1 0 0 1 .848 1.53L37.804 14H41a1 1 0 1 1 0 2h-5a1 1 0 0 1-.848-1.53L39.196 8h-2.64a1 1 0 0 1-1-1M14.404 28.648c-.773-.245-1.44-.8-1.516-1.543a.5.5 0 0 1 .545-.548c1.93.181 3.781-.748 5.075-2.86a.5.5 0 0 1 .843-.015c.402.605.442 1.557.152 2.425a3.8 3.8 0 0 1-2.132 2.295c-1.112.481-2.16.503-2.967.246m17.336-4.645c.546-.599.846-1.412.54-2.094a.5.5 0 0 0-.745-.203c-1.582 1.123-3.65 1.244-5.825.062a.5.5 0 0 0-.738.408c-.045.725.396 1.569 1.08 2.176a3.8 3.8 0 0 0 2.995.922c1.203-.14 2.121-.644 2.692-1.27"/><path fillRule="evenodd" d="M32.448 31.855c-2.251-3.085-5.587-4.715-8.707-3.879s-5.194 3.916-5.601 7.713c-.115 1.069.923 1.823 1.961 1.545l11.42-3.06c1.039-.279 1.56-1.45.927-2.32m-8.19-1.947c1.894-.507 4.215.306 6.09 2.51L20.24 35.126c.521-2.846 2.125-4.71 4.018-5.218" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M24 6C14.059 6 6 14.059 6 24c0 9.94 8.059 18 18 18s18-8.06 18-18c0-1.799-.264-3.535-.755-5.174l-1.916.575c.437 1.457.671 3 .671 4.599c0 8.836-7.163 16-16 16S8 32.836 8 24S15.163 8 24 8z"/><path d="M18.164 15.317a1 1 0 0 1 .366-1.366l2.669-1.54a1 1 0 0 1 1.492.985l-.451 3.75l1.27-.733a1 1 0 1 1 1 1.732l-3.003 1.734a1 1 0 0 1-1.492-.986l.451-3.75l-.936.54a1 1 0 0 1-1.366-.366m8.36-7.247a1 1 0 1 0 .518 1.93l1.932-.517l-2.049 5.105a1 1 0 0 0 1.187 1.338l4.347-1.165a1 1 0 1 0-.518-1.932l-2.415.647l2.049-5.104a1 1 0 0 0-1.187-1.338zM35.556 7a1 1 0 0 1 1-1H41a1 1 0 0 1 .848 1.53L37.804 14H41a1 1 0 1 1 0 2h-5a1 1 0 0 1-.848-1.53L39.196 8h-2.64a1 1 0 0 1-1-1M14.404 28.648c-.773-.245-1.44-.8-1.516-1.543a.5.5 0 0 1 .545-.548c1.93.181 3.781-.748 5.075-2.86a.5.5 0 0 1 .843-.015c.402.605.442 1.557.152 2.425a3.8 3.8 0 0 1-2.132 2.295c-1.112.481-2.16.503-2.967.246m17.336-4.645c.546-.599.846-1.412.54-2.094a.5.5 0 0 0-.745-.203c-1.582 1.123-3.65 1.244-5.825.062a.5.5 0 0 0-.738.408c-.045.725.396 1.569 1.08 2.176a3.8 3.8 0 0 0 2.995.922c1.203-.14 2.121-.644 2.692-1.27"/><path fill-rule="evenodd" d="M32.448 31.855c-2.251-3.085-5.587-4.715-8.707-3.879s-5.194 3.916-5.601 7.713c-.115 1.069.923 1.823 1.961 1.545l11.42-3.06c1.039-.279 1.56-1.45.927-2.32m-8.19-1.947c1.894-.507 4.215.306 6.09 2.51L20.24 35.126c.521-2.846 2.125-4.71 4.018-5.218" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-sleepy-outline {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M24%206C14.059%206%206%2014.059%206%2024c0%209.94%208.059%2018%2018%2018s18-8.06%2018-18c0-1.799-.264-3.535-.755-5.174l-1.916.575c.437%201.457.671%203%20.671%204.599c0%208.836-7.163%2016-16%2016S8%2032.836%208%2024S15.163%208%2024%208z%22%2F%3E%3Cpath%20d%3D%22M18.164%2015.317a1%201%200%200%201%20.366-1.366l2.669-1.54a1%201%200%200%201%201.492.985l-.451%203.75l1.27-.733a1%201%200%201%201%201%201.732l-3.003%201.734a1%201%200%200%201-1.492-.986l.451-3.75l-.936.54a1%201%200%200%201-1.366-.366m8.36-7.247a1%201%200%201%200%20.518%201.93l1.932-.517l-2.049%205.105a1%201%200%200%200%201.187%201.338l4.347-1.165a1%201%200%201%200-.518-1.932l-2.415.647l2.049-5.104a1%201%200%200%200-1.187-1.338zM35.556%207a1%201%200%200%201%201-1H41a1%201%200%200%201%20.848%201.53L37.804%2014H41a1%201%200%201%201%200%202h-5a1%201%200%200%201-.848-1.53L39.196%208h-2.64a1%201%200%200%201-1-1M14.404%2028.648c-.773-.245-1.44-.8-1.516-1.543a.5.5%200%200%201%20.545-.548c1.93.181%203.781-.748%205.075-2.86a.5.5%200%200%201%20.843-.015c.402.605.442%201.557.152%202.425a3.8%203.8%200%200%201-2.132%202.295c-1.112.481-2.16.503-2.967.246m17.336-4.645c.546-.599.846-1.412.54-2.094a.5.5%200%200%200-.745-.203c-1.582%201.123-3.65%201.244-5.825.062a.5.5%200%200%200-.738.408c-.045.725.396%201.569%201.08%202.176a3.8%203.8%200%200%200%202.995.922c1.203-.14%202.121-.644%202.692-1.27%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M32.448%2031.855c-2.251-3.085-5.587-4.715-8.707-3.879s-5.194%203.916-5.601%207.713c-.115%201.069.923%201.823%201.961%201.545l11.42-3.06c1.039-.279%201.56-1.45.927-2.32m-8.19-1.947c1.894-.507%204.215.306%206.09%202.51L20.24%2035.126c.521-2.846%202.125-4.71%204.018-5.218%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M24%206C14.059%206%206%2014.059%206%2024c0%209.94%208.059%2018%2018%2018s18-8.06%2018-18c0-1.799-.264-3.535-.755-5.174l-1.916.575c.437%201.457.671%203%20.671%204.599c0%208.836-7.163%2016-16%2016S8%2032.836%208%2024S15.163%208%2024%208z%22%2F%3E%3Cpath%20d%3D%22M18.164%2015.317a1%201%200%200%201%20.366-1.366l2.669-1.54a1%201%200%200%201%201.492.985l-.451%203.75l1.27-.733a1%201%200%201%201%201%201.732l-3.003%201.734a1%201%200%200%201-1.492-.986l.451-3.75l-.936.54a1%201%200%200%201-1.366-.366m8.36-7.247a1%201%200%201%200%20.518%201.93l1.932-.517l-2.049%205.105a1%201%200%200%200%201.187%201.338l4.347-1.165a1%201%200%201%200-.518-1.932l-2.415.647l2.049-5.104a1%201%200%200%200-1.187-1.338zM35.556%207a1%201%200%200%201%201-1H41a1%201%200%200%201%20.848%201.53L37.804%2014H41a1%201%200%201%201%200%202h-5a1%201%200%200%201-.848-1.53L39.196%208h-2.64a1%201%200%200%201-1-1M14.404%2028.648c-.773-.245-1.44-.8-1.516-1.543a.5.5%200%200%201%20.545-.548c1.93.181%203.781-.748%205.075-2.86a.5.5%200%200%201%20.843-.015c.402.605.442%201.557.152%202.425a3.8%203.8%200%200%201-2.132%202.295c-1.112.481-2.16.503-2.967.246m17.336-4.645c.546-.599.846-1.412.54-2.094a.5.5%200%200%200-.745-.203c-1.582%201.123-3.65%201.244-5.825.062a.5.5%200%200%200-.738.408c-.045.725.396%201.569%201.08%202.176a3.8%203.8%200%200%200%202.995.922c1.203-.14%202.121-.644%202.692-1.27%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M32.448%2031.855c-2.251-3.085-5.587-4.715-8.707-3.879s-5.194%203.916-5.601%207.713c-.115%201.069.923%201.823%201.961%201.545l11.42-3.06c1.039-.279%201.56-1.45.927-2.32m-8.19-1.947c1.894-.507%204.215.306%206.09%202.51L20.24%2035.126c.521-2.846%202.125-4.71%204.018-5.218%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/sleepy-outline.svg?color=%231a73e8&size=48
