Ícone Person In Bed
fluent-emoji-high-contrast:person-in-bed
O ícone Person In Bed (fluent-emoji-high-contrast:person-in-bed) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Pessoas e corpo
- Tags
- personin, inbed, personinbed
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M12.142 12.362c.066.023.1.095.076.16a.68.68 0 0 1-.873.406a.126.126 0 0 1 .09-.236a.427.427 0 0 0 .546-.254a.126.126 0 0 1 .161-.077M9.79 12.11c.26.15.59.09.78-.14c.19-.21.2-.53.03-.77c-.03-.04-.09-.05-.14-.02c-.04.03-.05.1-.02.15c.11.15.1.36-.03.51s-.35.19-.52.09c-.05-.03-.11-.01-.14.04s-.01.11.04.14m.065-1.345a.134.134 0 0 1 0 .19a1.08 1.08 0 0 0-.31.654c-.004.076-.053.145-.135.145a.134.134 0 0 1-.134-.134c0-.08.01-.16.049-.287a1.35 1.35 0 0 1 .34-.568a.134.134 0 0 1 .19 0"/><path d="M8.525 9.176q.298-.063.603-.062l-.003.008a2.84 2.84 0 0 1 1.76.6l.393.3q.162.02.326.024c.336-.011.666.095.933.3a1.42 1.42 0 0 1 .522 1.1A2.4 2.4 0 0 1 13.978 13H27a3 3 0 0 1 3 3v6H11v-3.995H4.08q-.04 0-.08-.003V21h6v2h20v4h-1.98v3H25v-3H7v3H3.99v-3H2V12a1 1 0 1 1 2 0v1.155a2.3 2.3 0 0 1 1.082-.387c.124-.569.508-1.099.95-1.49q.034-.048.07-.093l.75-.959q.089-.115.188-.219c.072-.14.173-.304.33-.507c.191-.243.63-.569 1.155-.324m.155 2.264c-.98 1.26-.21 1.85-.21 1.85s-.036.028-.061.09a.764.764 0 0 0 .612 1.14q.19.18.459.39c.294.228.392.435.388.62l.002.001q.234.07.478.069a3.2 3.2 0 0 0 1.194-.35a3.6 3.6 0 0 0 1.038-.88c.419-.54.506-.977.38-1.37h.006c-.136-.428-.525-.803-1.012-1.199a.5.5 0 0 0-.03-.67a.5.5 0 0 0-.346-.089a4 4 0 0 1-.684-.071h-.014l-.6-.458a1.86 1.86 0 0 0-1.017-.395c.021.343-.15.765-.583 1.322m-.127 4.614l-.333-.143l-.758-.299l-.092-.036l-.52-.205l-.134-.053l-.114-.089a3 3 0 0 1-.276-.245a10 10 0 0 1-.436-.324c-.367-.284-.6-.587-.726-.895A1.283 1.283 0 0 0 4 15.045v1.88c0 .031.025.063.055.075H11v-.495a4 4 0 0 1-.655.095q-.391 0-.766-.111l-.055-.017l-.052-.022l-.163-.07c-.271.192-.685 0-.756-.326"/></g></svg>
Como usar o ícone Person In Bed
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:person-in-bed" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:person-in-bed" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:person-in-bed" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--person-in-bed]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:person-in-bed"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:person-in-bed"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-in-bed.svg" alt="Ícone Person In Bed" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Person In Bed em outras coleções
Perguntas frequentes sobre Ícone Person In Bed
O ícone Person In Bed é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Person In Bed no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:person-in-bed" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Person In Bed a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-in-bed.svg" alt="Ícone Person In Bed">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
