sleeping icon
sleeping-line-duotone from Solar by 480 Design · Line Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- sleeping-line-duotone
- Set
- Solar
- Style
- Line Duotone
- 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="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2 6V18"/><path stroke-linecap="round" stroke-linejoin="round" d="M22 18V15.6429C22 13.6479 22 12.6505 21.7194 11.8486C21.2169 10.4124 20.0876 9.28314 18.6514 8.78058C17.8495 8.5 16.8521 8.5 14.8571 8.5C14.0592 8.5 13.6602 8.5 13.3394 8.61223C12.7649 8.81326 12.3133 9.26495 12.1122 9.83944C12 10.1602 12 10.5592 12 11.3571V16"/><path stroke-linecap="round" stroke-linejoin="round" d="M2 16H22"/><path d="M9.5 11C9.5 12.3807 8.38071 13.5 7 13.5C5.61929 13.5 4.5 12.3807 4.5 11C4.5 9.61929 5.61929 8.5 7 8.5C8.38071 8.5 9.5 9.61929 9.5 11Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSleepingLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" strokeLinejoin="round" d="M2 6V18"/><path strokeLinecap="round" strokeLinejoin="round" d="M22 18V15.6429C22 13.6479 22 12.6505 21.7194 11.8486C21.2169 10.4124 20.0876 9.28314 18.6514 8.78058C17.8495 8.5 16.8521 8.5 14.8571 8.5C14.0592 8.5 13.6602 8.5 13.3394 8.61223C12.7649 8.81326 12.3133 9.26495 12.1122 9.83944C12 10.1602 12 10.5592 12 11.3571V16"/><path strokeLinecap="round" strokeLinejoin="round" d="M2 16H22"/><path d="M9.5 11C9.5 12.3807 8.38071 13.5 7 13.5C5.61929 13.5 4.5 12.3807 4.5 11C4.5 9.61929 5.61929 8.5 7 8.5C8.38071 8.5 9.5 9.61929 9.5 11Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2 6V18"/><path stroke-linecap="round" stroke-linejoin="round" d="M22 18V15.6429C22 13.6479 22 12.6505 21.7194 11.8486C21.2169 10.4124 20.0876 9.28314 18.6514 8.78058C17.8495 8.5 16.8521 8.5 14.8571 8.5C14.0592 8.5 13.6602 8.5 13.3394 8.61223C12.7649 8.81326 12.3133 9.26495 12.1122 9.83944C12 10.1602 12 10.5592 12 11.3571V16"/><path stroke-linecap="round" stroke-linejoin="round" d="M2 16H22"/><path d="M9.5 11C9.5 12.3807 8.38071 13.5 7 13.5C5.61929 13.5 4.5 12.3807 4.5 11C4.5 9.61929 5.61929 8.5 7 8.5C8.38071 8.5 9.5 9.61929 9.5 11Z" opacity=".5"/></g></svg> </template>
CSS
.icon-sleeping-line-duotone {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2%206V18%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2018V15.6429C22%2013.6479%2022%2012.6505%2021.7194%2011.8486C21.2169%2010.4124%2020.0876%209.28314%2018.6514%208.78058C17.8495%208.5%2016.8521%208.5%2014.8571%208.5C14.0592%208.5%2013.6602%208.5%2013.3394%208.61223C12.7649%208.81326%2012.3133%209.26495%2012.1122%209.83944C12%2010.1602%2012%2010.5592%2012%2011.3571V16%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2%2016H22%22%2F%3E%3Cpath%20d%3D%22M9.5%2011C9.5%2012.3807%208.38071%2013.5%207%2013.5C5.61929%2013.5%204.5%2012.3807%204.5%2011C4.5%209.61929%205.61929%208.5%207%208.5C8.38071%208.5%209.5%209.61929%209.5%2011Z%22%20opacity%3D%22.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2%206V18%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2018V15.6429C22%2013.6479%2022%2012.6505%2021.7194%2011.8486C21.2169%2010.4124%2020.0876%209.28314%2018.6514%208.78058C17.8495%208.5%2016.8521%208.5%2014.8571%208.5C14.0592%208.5%2013.6602%208.5%2013.3394%208.61223C12.7649%208.81326%2012.3133%209.26495%2012.1122%209.83944C12%2010.1602%2012%2010.5592%2012%2011.3571V16%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2%2016H22%22%2F%3E%3Cpath%20d%3D%22M9.5%2011C9.5%2012.3807%208.38071%2013.5%207%2013.5C5.61929%2013.5%204.5%2012.3807%204.5%2011C4.5%209.61929%205.61929%208.5%207%208.5C8.38071%208.5%209.5%209.61929%209.5%2011Z%22%20opacity%3D%22.5%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-line-duotone.svg?color=%231a73e8&size=48
