person in bed emoji
person-in-bed from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- person-in-bed
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the person in bed emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#3e4347"><path d="M6 55c0 .5-.4 1-1 1H3c-.5 0-1-.5-1-1V13c0-.6.5-1 1-1h2c.6 0 1 .4 1 1z"/><path d="M5 55.3h4V62H5zm50 0h4V62h-4z"/><path d="M62 49c0-.5-.4-1-1-1H3c-.5 0-1 .5-1 1v8c0 .5.5 1 1 1h58c.6 0 1-.5 1-1z"/></g><path fill="#b0bdc6" d="M6 40h20v8H6z"/><path fill="#dae3ea" d="M23.5 39.9s-6.3 3.1-14.3.8c-2.5-.7-5.3.9-4.8-.3c1.7-3.6 2.2-11-.1-13.9c-1.6-2.1 3.6-.6 4.5 2.7c2.7 9.8 14.7 6 14.7 10.7"/><path fill="#ffdd67" d="m16.8 35l-.7 1.4l5.3 2.6l2.2-4.6z"/><path fill="#eba352" d="M17.1 34c2.4 1.2 5.2-1.6 5.2-1.6c-.2 2 1.3 2 1.3 2c-1 2-4.3 2.5-7.1 1.2z"/><path fill="#ffdd67" d="m8 32.2l6.4-6.9c3.7.5 10.4 4.6 7.3 8.9c-.8 1.2-2.8 2.5-5.2 1.4L15 37.7z"/><path fill="#ffbc00" d="M7.3 28c-2.9 6 1.8 9.2 5.6 10.1c2.1.5 3.8 0 4.8-.9l-1.3-1.7s-4.8-.6-4.8-4.9c0-1.8 2.6-3.9 2.6-5.4c-.8-.9-5.2-.8-6.9 2.8"/><path fill="#ed4c5c" d="M60 38c-.5-.5-27.8-13.7-34.9-8.1l-2 18.1H61s.7-8.1-1-10"/><path fill="#a53838" d="M30 27.7c-1-1.4-2.6.6-2.6.6s-.7-1-1.6-.6c-.8.4-1.2 1.8-1.2 1.8s-1-1.1-1.5-.3c-8 12.4.9 30.4.9 30.4s-.7-8.1 1.5-10.1c2-1.8 3.4 3.5 3.4 3.5s-.2-7.8.5-8.4c1.6-1.2 2.9 5 2.9 5s2.5-15.4-2.3-21.9"/></svg>
React
import type { SVGProps } from "react";
export function EmojionePersonInBed(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#3e4347"><path d="M6 55c0 .5-.4 1-1 1H3c-.5 0-1-.5-1-1V13c0-.6.5-1 1-1h2c.6 0 1 .4 1 1z"/><path d="M5 55.3h4V62H5zm50 0h4V62h-4z"/><path d="M62 49c0-.5-.4-1-1-1H3c-.5 0-1 .5-1 1v8c0 .5.5 1 1 1h58c.6 0 1-.5 1-1z"/></g><path fill="#b0bdc6" d="M6 40h20v8H6z"/><path fill="#dae3ea" d="M23.5 39.9s-6.3 3.1-14.3.8c-2.5-.7-5.3.9-4.8-.3c1.7-3.6 2.2-11-.1-13.9c-1.6-2.1 3.6-.6 4.5 2.7c2.7 9.8 14.7 6 14.7 10.7"/><path fill="#ffdd67" d="m16.8 35l-.7 1.4l5.3 2.6l2.2-4.6z"/><path fill="#eba352" d="M17.1 34c2.4 1.2 5.2-1.6 5.2-1.6c-.2 2 1.3 2 1.3 2c-1 2-4.3 2.5-7.1 1.2z"/><path fill="#ffdd67" d="m8 32.2l6.4-6.9c3.7.5 10.4 4.6 7.3 8.9c-.8 1.2-2.8 2.5-5.2 1.4L15 37.7z"/><path fill="#ffbc00" d="M7.3 28c-2.9 6 1.8 9.2 5.6 10.1c2.1.5 3.8 0 4.8-.9l-1.3-1.7s-4.8-.6-4.8-4.9c0-1.8 2.6-3.9 2.6-5.4c-.8-.9-5.2-.8-6.9 2.8"/><path fill="#ed4c5c" d="M60 38c-.5-.5-27.8-13.7-34.9-8.1l-2 18.1H61s.7-8.1-1-10"/><path fill="#a53838" d="M30 27.7c-1-1.4-2.6.6-2.6.6s-.7-1-1.6-.6c-.8.4-1.2 1.8-1.2 1.8s-1-1.1-1.5-.3c-8 12.4.9 30.4.9 30.4s-.7-8.1 1.5-10.1c2-1.8 3.4 3.5 3.4 3.5s-.2-7.8.5-8.4c1.6-1.2 2.9 5 2.9 5s2.5-15.4-2.3-21.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#3e4347"><path d="M6 55c0 .5-.4 1-1 1H3c-.5 0-1-.5-1-1V13c0-.6.5-1 1-1h2c.6 0 1 .4 1 1z"/><path d="M5 55.3h4V62H5zm50 0h4V62h-4z"/><path d="M62 49c0-.5-.4-1-1-1H3c-.5 0-1 .5-1 1v8c0 .5.5 1 1 1h58c.6 0 1-.5 1-1z"/></g><path fill="#b0bdc6" d="M6 40h20v8H6z"/><path fill="#dae3ea" d="M23.5 39.9s-6.3 3.1-14.3.8c-2.5-.7-5.3.9-4.8-.3c1.7-3.6 2.2-11-.1-13.9c-1.6-2.1 3.6-.6 4.5 2.7c2.7 9.8 14.7 6 14.7 10.7"/><path fill="#ffdd67" d="m16.8 35l-.7 1.4l5.3 2.6l2.2-4.6z"/><path fill="#eba352" d="M17.1 34c2.4 1.2 5.2-1.6 5.2-1.6c-.2 2 1.3 2 1.3 2c-1 2-4.3 2.5-7.1 1.2z"/><path fill="#ffdd67" d="m8 32.2l6.4-6.9c3.7.5 10.4 4.6 7.3 8.9c-.8 1.2-2.8 2.5-5.2 1.4L15 37.7z"/><path fill="#ffbc00" d="M7.3 28c-2.9 6 1.8 9.2 5.6 10.1c2.1.5 3.8 0 4.8-.9l-1.3-1.7s-4.8-.6-4.8-4.9c0-1.8 2.6-3.9 2.6-5.4c-.8-.9-5.2-.8-6.9 2.8"/><path fill="#ed4c5c" d="M60 38c-.5-.5-27.8-13.7-34.9-8.1l-2 18.1H61s.7-8.1-1-10"/><path fill="#a53838" d="M30 27.7c-1-1.4-2.6.6-2.6.6s-.7-1-1.6-.6c-.8.4-1.2 1.8-1.2 1.8s-1-1.1-1.5-.3c-8 12.4.9 30.4.9 30.4s-.7-8.1 1.5-10.1c2-1.8 3.4 3.5 3.4 3.5s-.2-7.8.5-8.4c1.6-1.2 2.9 5 2.9 5s2.5-15.4-2.3-21.9"/></svg> </template>
CSS
.icon-person-in-bed {
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%2064%2064%22%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M6%2055c0%20.5-.4%201-1%201H3c-.5%200-1-.5-1-1V13c0-.6.5-1%201-1h2c.6%200%201%20.4%201%201z%22%2F%3E%3Cpath%20d%3D%22M5%2055.3h4V62H5zm50%200h4V62h-4z%22%2F%3E%3Cpath%20d%3D%22M62%2049c0-.5-.4-1-1-1H3c-.5%200-1%20.5-1%201v8c0%20.5.5%201%201%201h58c.6%200%201-.5%201-1z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M6%2040h20v8H6z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M23.5%2039.9s-6.3%203.1-14.3.8c-2.5-.7-5.3.9-4.8-.3c1.7-3.6%202.2-11-.1-13.9c-1.6-2.1%203.6-.6%204.5%202.7c2.7%209.8%2014.7%206%2014.7%2010.7%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22m16.8%2035l-.7%201.4l5.3%202.6l2.2-4.6z%22%2F%3E%3Cpath%20fill%3D%22%23eba352%22%20d%3D%22M17.1%2034c2.4%201.2%205.2-1.6%205.2-1.6c-.2%202%201.3%202%201.3%202c-1%202-4.3%202.5-7.1%201.2z%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22m8%2032.2l6.4-6.9c3.7.5%2010.4%204.6%207.3%208.9c-.8%201.2-2.8%202.5-5.2%201.4L15%2037.7z%22%2F%3E%3Cpath%20fill%3D%22%23ffbc00%22%20d%3D%22M7.3%2028c-2.9%206%201.8%209.2%205.6%2010.1c2.1.5%203.8%200%204.8-.9l-1.3-1.7s-4.8-.6-4.8-4.9c0-1.8%202.6-3.9%202.6-5.4c-.8-.9-5.2-.8-6.9%202.8%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M60%2038c-.5-.5-27.8-13.7-34.9-8.1l-2%2018.1H61s.7-8.1-1-10%22%2F%3E%3Cpath%20fill%3D%22%23a53838%22%20d%3D%22M30%2027.7c-1-1.4-2.6.6-2.6.6s-.7-1-1.6-.6c-.8.4-1.2%201.8-1.2%201.8s-1-1.1-1.5-.3c-8%2012.4.9%2030.4.9%2030.4s-.7-8.1%201.5-10.1c2-1.8%203.4%203.5%203.4%203.5s-.2-7.8.5-8.4c1.6-1.2%202.9%205%202.9%205s2.5-15.4-2.3-21.9%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%2064%2064%22%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M6%2055c0%20.5-.4%201-1%201H3c-.5%200-1-.5-1-1V13c0-.6.5-1%201-1h2c.6%200%201%20.4%201%201z%22%2F%3E%3Cpath%20d%3D%22M5%2055.3h4V62H5zm50%200h4V62h-4z%22%2F%3E%3Cpath%20d%3D%22M62%2049c0-.5-.4-1-1-1H3c-.5%200-1%20.5-1%201v8c0%20.5.5%201%201%201h58c.6%200%201-.5%201-1z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M6%2040h20v8H6z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M23.5%2039.9s-6.3%203.1-14.3.8c-2.5-.7-5.3.9-4.8-.3c1.7-3.6%202.2-11-.1-13.9c-1.6-2.1%203.6-.6%204.5%202.7c2.7%209.8%2014.7%206%2014.7%2010.7%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22m16.8%2035l-.7%201.4l5.3%202.6l2.2-4.6z%22%2F%3E%3Cpath%20fill%3D%22%23eba352%22%20d%3D%22M17.1%2034c2.4%201.2%205.2-1.6%205.2-1.6c-.2%202%201.3%202%201.3%202c-1%202-4.3%202.5-7.1%201.2z%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22m8%2032.2l6.4-6.9c3.7.5%2010.4%204.6%207.3%208.9c-.8%201.2-2.8%202.5-5.2%201.4L15%2037.7z%22%2F%3E%3Cpath%20fill%3D%22%23ffbc00%22%20d%3D%22M7.3%2028c-2.9%206%201.8%209.2%205.6%2010.1c2.1.5%203.8%200%204.8-.9l-1.3-1.7s-4.8-.6-4.8-4.9c0-1.8%202.6-3.9%202.6-5.4c-.8-.9-5.2-.8-6.9%202.8%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M60%2038c-.5-.5-27.8-13.7-34.9-8.1l-2%2018.1H61s.7-8.1-1-10%22%2F%3E%3Cpath%20fill%3D%22%23a53838%22%20d%3D%22M30%2027.7c-1-1.4-2.6.6-2.6.6s-.7-1-1.6-.6c-.8.4-1.2%201.8-1.2%201.8s-1-1.1-1.5-.3c-8%2012.4.9%2030.4.9%2030.4s-.7-8.1%201.5-10.1c2-1.8%203.4%203.5%203.4%203.5s-.2-7.8.5-8.4c1.6-1.2%202.9%205%202.9%205s2.5-15.4-2.3-21.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/person-in-bed.svg?color=%231a73e8&size=48
