sleeping icon
sleeping-outline from Solar by 480 Design · Outline · UI · CC-BY-4.0 Attribution required.
- Name
- sleeping-outline
- Set
- Solar
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the sleeping icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.75 6C2.75 5.58579 2.41421 5.25 2 5.25C1.58579 5.25 1.25 5.58579 1.25 6V18C1.25 18.4142 1.58579 18.75 2 18.75C2.41421 18.75 2.75 18.4142 2.75 18V16.75L12 16.75L21.25 16.75V18C21.25 18.4142 21.5858 18.75 22 18.75C22.4142 18.75 22.75 18.4142 22.75 18V16.0048L22.75 16L22.75 15.9952L22.75 15.4694C22.7503 13.6408 22.7505 12.5245 22.4273 11.6009C21.8494 9.94923 20.5508 8.65062 18.8991 8.07267C17.9755 7.74949 16.8592 7.74967 15.0306 7.74998L14.7315 7.74993C14.0576 7.74936 13.5358 7.74892 13.0917 7.90432C12.3018 8.18073 11.6807 8.8018 11.4043 9.59173C11.2489 10.0358 11.2493 10.5577 11.2499 11.2315L11.25 15.25H2.75V6ZM21.2498 15.25H12.75V11.3571C12.75 10.4964 12.7606 10.2573 12.8201 10.0872C12.9458 9.72809 13.2281 9.44579 13.5871 9.32015C13.7573 9.26061 13.9964 9.25 14.8571 9.25C16.9148 9.25 17.7524 9.26061 18.4037 9.4885C19.6245 9.91567 20.5843 10.8755 21.0115 12.0963C21.2243 12.7045 21.2476 13.4751 21.2498 15.25Z"/><path d="M7 7.75C5.20507 7.75 3.75 9.20507 3.75 11C3.75 12.7949 5.20507 14.25 7 14.25C8.79493 14.25 10.25 12.7949 10.25 11C10.25 9.20507 8.79493 7.75 7 7.75ZM5.25 11C5.25 10.0335 6.0335 9.25 7 9.25C7.9665 9.25 8.75 10.0335 8.75 11C8.75 11.9665 7.9665 12.75 7 12.75C6.0335 12.75 5.25 11.9665 5.25 11Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSleepingOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M2.75 6C2.75 5.58579 2.41421 5.25 2 5.25C1.58579 5.25 1.25 5.58579 1.25 6V18C1.25 18.4142 1.58579 18.75 2 18.75C2.41421 18.75 2.75 18.4142 2.75 18V16.75L12 16.75L21.25 16.75V18C21.25 18.4142 21.5858 18.75 22 18.75C22.4142 18.75 22.75 18.4142 22.75 18V16.0048L22.75 16L22.75 15.9952L22.75 15.4694C22.7503 13.6408 22.7505 12.5245 22.4273 11.6009C21.8494 9.94923 20.5508 8.65062 18.8991 8.07267C17.9755 7.74949 16.8592 7.74967 15.0306 7.74998L14.7315 7.74993C14.0576 7.74936 13.5358 7.74892 13.0917 7.90432C12.3018 8.18073 11.6807 8.8018 11.4043 9.59173C11.2489 10.0358 11.2493 10.5577 11.2499 11.2315L11.25 15.25H2.75V6ZM21.2498 15.25H12.75V11.3571C12.75 10.4964 12.7606 10.2573 12.8201 10.0872C12.9458 9.72809 13.2281 9.44579 13.5871 9.32015C13.7573 9.26061 13.9964 9.25 14.8571 9.25C16.9148 9.25 17.7524 9.26061 18.4037 9.4885C19.6245 9.91567 20.5843 10.8755 21.0115 12.0963C21.2243 12.7045 21.2476 13.4751 21.2498 15.25Z"/><path d="M7 7.75C5.20507 7.75 3.75 9.20507 3.75 11C3.75 12.7949 5.20507 14.25 7 14.25C8.79493 14.25 10.25 12.7949 10.25 11C10.25 9.20507 8.79493 7.75 7 7.75ZM5.25 11C5.25 10.0335 6.0335 9.25 7 9.25C7.9665 9.25 8.75 10.0335 8.75 11C8.75 11.9665 7.9665 12.75 7 12.75C6.0335 12.75 5.25 11.9665 5.25 11Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.75 6C2.75 5.58579 2.41421 5.25 2 5.25C1.58579 5.25 1.25 5.58579 1.25 6V18C1.25 18.4142 1.58579 18.75 2 18.75C2.41421 18.75 2.75 18.4142 2.75 18V16.75L12 16.75L21.25 16.75V18C21.25 18.4142 21.5858 18.75 22 18.75C22.4142 18.75 22.75 18.4142 22.75 18V16.0048L22.75 16L22.75 15.9952L22.75 15.4694C22.7503 13.6408 22.7505 12.5245 22.4273 11.6009C21.8494 9.94923 20.5508 8.65062 18.8991 8.07267C17.9755 7.74949 16.8592 7.74967 15.0306 7.74998L14.7315 7.74993C14.0576 7.74936 13.5358 7.74892 13.0917 7.90432C12.3018 8.18073 11.6807 8.8018 11.4043 9.59173C11.2489 10.0358 11.2493 10.5577 11.2499 11.2315L11.25 15.25H2.75V6ZM21.2498 15.25H12.75V11.3571C12.75 10.4964 12.7606 10.2573 12.8201 10.0872C12.9458 9.72809 13.2281 9.44579 13.5871 9.32015C13.7573 9.26061 13.9964 9.25 14.8571 9.25C16.9148 9.25 17.7524 9.26061 18.4037 9.4885C19.6245 9.91567 20.5843 10.8755 21.0115 12.0963C21.2243 12.7045 21.2476 13.4751 21.2498 15.25Z"/><path d="M7 7.75C5.20507 7.75 3.75 9.20507 3.75 11C3.75 12.7949 5.20507 14.25 7 14.25C8.79493 14.25 10.25 12.7949 10.25 11C10.25 9.20507 8.79493 7.75 7 7.75ZM5.25 11C5.25 10.0335 6.0335 9.25 7 9.25C7.9665 9.25 8.75 10.0335 8.75 11C8.75 11.9665 7.9665 12.75 7 12.75C6.0335 12.75 5.25 11.9665 5.25 11Z"/></g></svg> </template>
CSS
.icon-sleeping-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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M2.75%206C2.75%205.58579%202.41421%205.25%202%205.25C1.58579%205.25%201.25%205.58579%201.25%206V18C1.25%2018.4142%201.58579%2018.75%202%2018.75C2.41421%2018.75%202.75%2018.4142%202.75%2018V16.75L12%2016.75L21.25%2016.75V18C21.25%2018.4142%2021.5858%2018.75%2022%2018.75C22.4142%2018.75%2022.75%2018.4142%2022.75%2018V16.0048L22.75%2016L22.75%2015.9952L22.75%2015.4694C22.7503%2013.6408%2022.7505%2012.5245%2022.4273%2011.6009C21.8494%209.94923%2020.5508%208.65062%2018.8991%208.07267C17.9755%207.74949%2016.8592%207.74967%2015.0306%207.74998L14.7315%207.74993C14.0576%207.74936%2013.5358%207.74892%2013.0917%207.90432C12.3018%208.18073%2011.6807%208.8018%2011.4043%209.59173C11.2489%2010.0358%2011.2493%2010.5577%2011.2499%2011.2315L11.25%2015.25H2.75V6ZM21.2498%2015.25H12.75V11.3571C12.75%2010.4964%2012.7606%2010.2573%2012.8201%2010.0872C12.9458%209.72809%2013.2281%209.44579%2013.5871%209.32015C13.7573%209.26061%2013.9964%209.25%2014.8571%209.25C16.9148%209.25%2017.7524%209.26061%2018.4037%209.4885C19.6245%209.91567%2020.5843%2010.8755%2021.0115%2012.0963C21.2243%2012.7045%2021.2476%2013.4751%2021.2498%2015.25Z%22%2F%3E%3Cpath%20d%3D%22M7%207.75C5.20507%207.75%203.75%209.20507%203.75%2011C3.75%2012.7949%205.20507%2014.25%207%2014.25C8.79493%2014.25%2010.25%2012.7949%2010.25%2011C10.25%209.20507%208.79493%207.75%207%207.75ZM5.25%2011C5.25%2010.0335%206.0335%209.25%207%209.25C7.9665%209.25%208.75%2010.0335%208.75%2011C8.75%2011.9665%207.9665%2012.75%207%2012.75C6.0335%2012.75%205.25%2011.9665%205.25%2011Z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M2.75%206C2.75%205.58579%202.41421%205.25%202%205.25C1.58579%205.25%201.25%205.58579%201.25%206V18C1.25%2018.4142%201.58579%2018.75%202%2018.75C2.41421%2018.75%202.75%2018.4142%202.75%2018V16.75L12%2016.75L21.25%2016.75V18C21.25%2018.4142%2021.5858%2018.75%2022%2018.75C22.4142%2018.75%2022.75%2018.4142%2022.75%2018V16.0048L22.75%2016L22.75%2015.9952L22.75%2015.4694C22.7503%2013.6408%2022.7505%2012.5245%2022.4273%2011.6009C21.8494%209.94923%2020.5508%208.65062%2018.8991%208.07267C17.9755%207.74949%2016.8592%207.74967%2015.0306%207.74998L14.7315%207.74993C14.0576%207.74936%2013.5358%207.74892%2013.0917%207.90432C12.3018%208.18073%2011.6807%208.8018%2011.4043%209.59173C11.2489%2010.0358%2011.2493%2010.5577%2011.2499%2011.2315L11.25%2015.25H2.75V6ZM21.2498%2015.25H12.75V11.3571C12.75%2010.4964%2012.7606%2010.2573%2012.8201%2010.0872C12.9458%209.72809%2013.2281%209.44579%2013.5871%209.32015C13.7573%209.26061%2013.9964%209.25%2014.8571%209.25C16.9148%209.25%2017.7524%209.26061%2018.4037%209.4885C19.6245%209.91567%2020.5843%2010.8755%2021.0115%2012.0963C21.2243%2012.7045%2021.2476%2013.4751%2021.2498%2015.25Z%22%2F%3E%3Cpath%20d%3D%22M7%207.75C5.20507%207.75%203.75%209.20507%203.75%2011C3.75%2012.7949%205.20507%2014.25%207%2014.25C8.79493%2014.25%2010.25%2012.7949%2010.25%2011C10.25%209.20507%208.79493%207.75%207%207.75ZM5.25%2011C5.25%2010.0335%206.0335%209.25%207%209.25C7.9665%209.25%208.75%2010.0335%208.75%2011C8.75%2011.9665%207.9665%2012.75%207%2012.75C6.0335%2012.75%205.25%2011.9665%205.25%2011Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/sleeping-outline.svg?color=%231a73e8&size=48
