Icône Person In Bed
fluent-emoji-high-contrast:person-in-bed
L'icône Person In Bed (fluent-emoji-high-contrast:person-in-bed) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Personnes et corps
- Mots-clés
- personin, inbed, personinbed
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-in-bed.svg" alt="Icône Person In Bed" width="24" height="24">Icônes similaires dans Fluent Emoji High Contrast
L'icône Person In Bed dans d'autres collections
FAQ : Icône Person In Bed
L'icône Person In Bed est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Person In Bed dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:person-in-bed" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Person In Bed à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-in-bed.svg" alt="Icône Person In Bed">, ou collez le code SVG directement dans la page pour le styliser en CSS.