sleepy negative icon
sleepy-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- sleepy-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Use the sleepy negative icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsSleepyNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm24 6C14.059 6 6 14.059 6 24s8.059 18 18 18s18-8.059 18-18a18 18 0 0 0-.755-5.174l-1.916.575c.437 1.457.671 3 .671 4.599c0 8.837-7.163 16-16 16S8 32.837 8 24S15.163 8 24 8zm-5.47 7.952a1 1 0 0 0 1 1.732l.936-.541l-.451 3.75a1 1 0 0 0 1.492.986l3.002-1.733a1 1 0 1 0-1-1.732l-1.27.733l.452-3.75a1 1 0 0 0-1.492-.986zm7.287-4.658a1 1 0 0 1 .707-1.225l3.864-1.035a1 1 0 0 1 1.187 1.338l-2.049 5.105l2.415-.647a1 1 0 0 1 .518 1.931l-4.347 1.165a1 1 0 0 1-1.187-1.338l2.049-5.104l-1.932.517a1 1 0 0 1-1.225-.707M36.556 6a1 1 0 1 0 0 2h2.64l-4.044 6.47A1 1 0 0 0 36 16h5a1 1 0 1 0 0-2h-3.196l4.044-6.47A1 1 0 0 0 41 6zm-4.108 25.855c-2.251-3.084-5.587-4.715-8.707-3.879c-3.12.837-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.319m-.168-9.945c.306.681.006 1.494-.54 2.094c-.572.626-1.49 1.13-2.693 1.27a3.8 3.8 0 0 1-2.995-.922c-.684-.607-1.125-1.45-1.08-2.176a.5.5 0 0 1 .738-.408c2.176 1.182 4.243 1.061 5.825-.061a.5.5 0 0 1 .745.203m-19.392 5.196c.076.743.743 1.297 1.516 1.543c.808.256 1.855.235 2.967-.247a3.8 3.8 0 0 0 2.132-2.295c.29-.868.25-1.82-.152-2.425a.5.5 0 0 0-.843.016c-1.294 2.111-3.144 3.04-5.075 2.86a.5.5 0 0 0-.545.548" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsSleepyNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsSleepyNegative(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clipPath="url(#healthiconsSleepyNegative)"><path fill="currentColor" fillRule="evenodd" d="M0 0h48v48H0zm24 6C14.059 6 6 14.059 6 24s8.059 18 18 18s18-8.059 18-18a18 18 0 0 0-.755-5.174l-1.916.575c.437 1.457.671 3 .671 4.599c0 8.837-7.163 16-16 16S8 32.837 8 24S15.163 8 24 8zm-5.47 7.952a1 1 0 0 0 1 1.732l.936-.541l-.451 3.75a1 1 0 0 0 1.492.986l3.002-1.733a1 1 0 1 0-1-1.732l-1.27.733l.452-3.75a1 1 0 0 0-1.492-.986zm7.287-4.658a1 1 0 0 1 .707-1.225l3.864-1.035a1 1 0 0 1 1.187 1.338l-2.049 5.105l2.415-.647a1 1 0 0 1 .518 1.931l-4.347 1.165a1 1 0 0 1-1.187-1.338l2.049-5.104l-1.932.517a1 1 0 0 1-1.225-.707M36.556 6a1 1 0 1 0 0 2h2.64l-4.044 6.47A1 1 0 0 0 36 16h5a1 1 0 1 0 0-2h-3.196l4.044-6.47A1 1 0 0 0 41 6zm-4.108 25.855c-2.251-3.084-5.587-4.715-8.707-3.879c-3.12.837-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.319m-.168-9.945c.306.681.006 1.494-.54 2.094c-.572.626-1.49 1.13-2.693 1.27a3.8 3.8 0 0 1-2.995-.922c-.684-.607-1.125-1.45-1.08-2.176a.5.5 0 0 1 .738-.408c2.176 1.182 4.243 1.061 5.825-.061a.5.5 0 0 1 .745.203m-19.392 5.196c.076.743.743 1.297 1.516 1.543c.808.256 1.855.235 2.967-.247a3.8 3.8 0 0 0 2.132-2.295c.29-.868.25-1.82-.152-2.425a.5.5 0 0 0-.843.016c-1.294 2.111-3.144 3.04-5.075 2.86a.5.5 0 0 0-.545.548" clipRule="evenodd"/></g><defs><clipPath id="healthiconsSleepyNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsSleepyNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm24 6C14.059 6 6 14.059 6 24s8.059 18 18 18s18-8.059 18-18a18 18 0 0 0-.755-5.174l-1.916.575c.437 1.457.671 3 .671 4.599c0 8.837-7.163 16-16 16S8 32.837 8 24S15.163 8 24 8zm-5.47 7.952a1 1 0 0 0 1 1.732l.936-.541l-.451 3.75a1 1 0 0 0 1.492.986l3.002-1.733a1 1 0 1 0-1-1.732l-1.27.733l.452-3.75a1 1 0 0 0-1.492-.986zm7.287-4.658a1 1 0 0 1 .707-1.225l3.864-1.035a1 1 0 0 1 1.187 1.338l-2.049 5.105l2.415-.647a1 1 0 0 1 .518 1.931l-4.347 1.165a1 1 0 0 1-1.187-1.338l2.049-5.104l-1.932.517a1 1 0 0 1-1.225-.707M36.556 6a1 1 0 1 0 0 2h2.64l-4.044 6.47A1 1 0 0 0 36 16h5a1 1 0 1 0 0-2h-3.196l4.044-6.47A1 1 0 0 0 41 6zm-4.108 25.855c-2.251-3.084-5.587-4.715-8.707-3.879c-3.12.837-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.319m-.168-9.945c.306.681.006 1.494-.54 2.094c-.572.626-1.49 1.13-2.693 1.27a3.8 3.8 0 0 1-2.995-.922c-.684-.607-1.125-1.45-1.08-2.176a.5.5 0 0 1 .738-.408c2.176 1.182 4.243 1.061 5.825-.061a.5.5 0 0 1 .745.203m-19.392 5.196c.076.743.743 1.297 1.516 1.543c.808.256 1.855.235 2.967-.247a3.8 3.8 0 0 0 2.132-2.295c.29-.868.25-1.82-.152-2.425a.5.5 0 0 0-.843.016c-1.294 2.111-3.144 3.04-5.075 2.86a.5.5 0 0 0-.545.548" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsSleepyNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sleepy-negative {
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%22none%22%3E%3Cg%20clip-path%3D%22url(%23healthiconsSleepyNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm24%206C14.059%206%206%2014.059%206%2024s8.059%2018%2018%2018s18-8.059%2018-18a18%2018%200%200%200-.755-5.174l-1.916.575c.437%201.457.671%203%20.671%204.599c0%208.837-7.163%2016-16%2016S8%2032.837%208%2024S15.163%208%2024%208zm-5.47%207.952a1%201%200%200%200%201%201.732l.936-.541l-.451%203.75a1%201%200%200%200%201.492.986l3.002-1.733a1%201%200%201%200-1-1.732l-1.27.733l.452-3.75a1%201%200%200%200-1.492-.986zm7.287-4.658a1%201%200%200%201%20.707-1.225l3.864-1.035a1%201%200%200%201%201.187%201.338l-2.049%205.105l2.415-.647a1%201%200%200%201%20.518%201.931l-4.347%201.165a1%201%200%200%201-1.187-1.338l2.049-5.104l-1.932.517a1%201%200%200%201-1.225-.707M36.556%206a1%201%200%201%200%200%202h2.64l-4.044%206.47A1%201%200%200%200%2036%2016h5a1%201%200%201%200%200-2h-3.196l4.044-6.47A1%201%200%200%200%2041%206zm-4.108%2025.855c-2.251-3.084-5.587-4.715-8.707-3.879c-3.12.837-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.319m-.168-9.945c.306.681.006%201.494-.54%202.094c-.572.626-1.49%201.13-2.693%201.27a3.8%203.8%200%200%201-2.995-.922c-.684-.607-1.125-1.45-1.08-2.176a.5.5%200%200%201%20.738-.408c2.176%201.182%204.243%201.061%205.825-.061a.5.5%200%200%201%20.745.203m-19.392%205.196c.076.743.743%201.297%201.516%201.543c.808.256%201.855.235%202.967-.247a3.8%203.8%200%200%200%202.132-2.295c.29-.868.25-1.82-.152-2.425a.5.5%200%200%200-.843.016c-1.294%202.111-3.144%203.04-5.075%202.86a.5.5%200%200%200-.545.548%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsSleepyNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%22none%22%3E%3Cg%20clip-path%3D%22url(%23healthiconsSleepyNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm24%206C14.059%206%206%2014.059%206%2024s8.059%2018%2018%2018s18-8.059%2018-18a18%2018%200%200%200-.755-5.174l-1.916.575c.437%201.457.671%203%20.671%204.599c0%208.837-7.163%2016-16%2016S8%2032.837%208%2024S15.163%208%2024%208zm-5.47%207.952a1%201%200%200%200%201%201.732l.936-.541l-.451%203.75a1%201%200%200%200%201.492.986l3.002-1.733a1%201%200%201%200-1-1.732l-1.27.733l.452-3.75a1%201%200%200%200-1.492-.986zm7.287-4.658a1%201%200%200%201%20.707-1.225l3.864-1.035a1%201%200%200%201%201.187%201.338l-2.049%205.105l2.415-.647a1%201%200%200%201%20.518%201.931l-4.347%201.165a1%201%200%200%201-1.187-1.338l2.049-5.104l-1.932.517a1%201%200%200%201-1.225-.707M36.556%206a1%201%200%201%200%200%202h2.64l-4.044%206.47A1%201%200%200%200%2036%2016h5a1%201%200%201%200%200-2h-3.196l4.044-6.47A1%201%200%200%200%2041%206zm-4.108%2025.855c-2.251-3.084-5.587-4.715-8.707-3.879c-3.12.837-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.319m-.168-9.945c.306.681.006%201.494-.54%202.094c-.572.626-1.49%201.13-2.693%201.27a3.8%203.8%200%200%201-2.995-.922c-.684-.607-1.125-1.45-1.08-2.176a.5.5%200%200%201%20.738-.408c2.176%201.182%204.243%201.061%205.825-.061a.5.5%200%200%201%20.745.203m-19.392%205.196c.076.743.743%201.297%201.516%201.543c.808.256%201.855.235%202.967-.247a3.8%203.8%200%200%200%202.132-2.295c.29-.868.25-1.82-.152-2.425a.5.5%200%200%200-.843.016c-1.294%202.111-3.144%203.04-5.075%202.86a.5.5%200%200%200-.545.548%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsSleepyNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/sleepy-negative.svg?color=%231a73e8&size=48
