eightsleep logo
eightsleep from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- eightsleep
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the eightsleep logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.847 7.28V4.105A4.104 4.104 0 0 0 15.745 0H8.258a4.104 4.104 0 0 0-4.105 4.102v3.183a4.09 4.09 0 0 0 2.415 3.738v.588a4.1 4.1 0 0 0-2.415 3.738v4.546A4.104 4.104 0 0 0 8.255 24h7.488a4.104 4.104 0 0 0 4.104-4.104v-4.553a4.1 4.1 0 0 0-2.415-3.738v-.587a4.1 4.1 0 0 0 2.415-3.738M8.451 5.126c0-.818.662-1.482 1.48-1.483h4.133c.819 0 1.483.663 1.483 1.482v1.991c0 .819-.664 1.482-1.483 1.482H9.93a1.48 1.48 0 0 1-1.482-1.482zm7.1 13.732c0 .818-.664 1.482-1.483 1.482H9.93a1.48 1.48 0 0 1-1.482-1.482v-2.752c0-.819.664-1.483 1.482-1.483h4.134c.819 0 1.483.664 1.483 1.483z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsEightsleep(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.847 7.28V4.105A4.104 4.104 0 0 0 15.745 0H8.258a4.104 4.104 0 0 0-4.105 4.102v3.183a4.09 4.09 0 0 0 2.415 3.738v.588a4.1 4.1 0 0 0-2.415 3.738v4.546A4.104 4.104 0 0 0 8.255 24h7.488a4.104 4.104 0 0 0 4.104-4.104v-4.553a4.1 4.1 0 0 0-2.415-3.738v-.587a4.1 4.1 0 0 0 2.415-3.738M8.451 5.126c0-.818.662-1.482 1.48-1.483h4.133c.819 0 1.483.663 1.483 1.482v1.991c0 .819-.664 1.482-1.483 1.482H9.93a1.48 1.48 0 0 1-1.482-1.482zm7.1 13.732c0 .818-.664 1.482-1.483 1.482H9.93a1.48 1.48 0 0 1-1.482-1.482v-2.752c0-.819.664-1.483 1.482-1.483h4.134c.819 0 1.483.664 1.483 1.483z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.847 7.28V4.105A4.104 4.104 0 0 0 15.745 0H8.258a4.104 4.104 0 0 0-4.105 4.102v3.183a4.09 4.09 0 0 0 2.415 3.738v.588a4.1 4.1 0 0 0-2.415 3.738v4.546A4.104 4.104 0 0 0 8.255 24h7.488a4.104 4.104 0 0 0 4.104-4.104v-4.553a4.1 4.1 0 0 0-2.415-3.738v-.587a4.1 4.1 0 0 0 2.415-3.738M8.451 5.126c0-.818.662-1.482 1.48-1.483h4.133c.819 0 1.483.663 1.483 1.482v1.991c0 .819-.664 1.482-1.483 1.482H9.93a1.48 1.48 0 0 1-1.482-1.482zm7.1 13.732c0 .818-.664 1.482-1.483 1.482H9.93a1.48 1.48 0 0 1-1.482-1.482v-2.752c0-.819.664-1.483 1.482-1.483h4.134c.819 0 1.483.664 1.483 1.483z"/></svg> </template>
CSS
.icon-eightsleep {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.847%207.28V4.105A4.104%204.104%200%200%200%2015.745%200H8.258a4.104%204.104%200%200%200-4.105%204.102v3.183a4.09%204.09%200%200%200%202.415%203.738v.588a4.1%204.1%200%200%200-2.415%203.738v4.546A4.104%204.104%200%200%200%208.255%2024h7.488a4.104%204.104%200%200%200%204.104-4.104v-4.553a4.1%204.1%200%200%200-2.415-3.738v-.587a4.1%204.1%200%200%200%202.415-3.738M8.451%205.126c0-.818.662-1.482%201.48-1.483h4.133c.819%200%201.483.663%201.483%201.482v1.991c0%20.819-.664%201.482-1.483%201.482H9.93a1.48%201.48%200%200%201-1.482-1.482zm7.1%2013.732c0%20.818-.664%201.482-1.483%201.482H9.93a1.48%201.48%200%200%201-1.482-1.482v-2.752c0-.819.664-1.483%201.482-1.483h4.134c.819%200%201.483.664%201.483%201.483z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.847%207.28V4.105A4.104%204.104%200%200%200%2015.745%200H8.258a4.104%204.104%200%200%200-4.105%204.102v3.183a4.09%204.09%200%200%200%202.415%203.738v.588a4.1%204.1%200%200%200-2.415%203.738v4.546A4.104%204.104%200%200%200%208.255%2024h7.488a4.104%204.104%200%200%200%204.104-4.104v-4.553a4.1%204.1%200%200%200-2.415-3.738v-.587a4.1%204.1%200%200%200%202.415-3.738M8.451%205.126c0-.818.662-1.482%201.48-1.483h4.133c.819%200%201.483.663%201.483%201.482v1.991c0%20.819-.664%201.482-1.483%201.482H9.93a1.48%201.48%200%200%201-1.482-1.482zm7.1%2013.732c0%20.818-.664%201.482-1.483%201.482H9.93a1.48%201.48%200%200%201-1.482-1.482v-2.752c0-.819.664-1.483%201.482-1.483h4.134c.819%200%201.483.664%201.483%201.483z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/eightsleep.svg?color=%231a73e8&size=48
