Person In Bed アイコン
fluent-emoji-high-contrast:person-in-bed
Person In Bed アイコン(fluent-emoji-high-contrast:person-in-bed)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- personin、inbed、personinbed
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>
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 コンポーネント
<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>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-in-bed.svg" alt="Person In Bed アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Person In Bed アイコン
Person In Bed アイコン のよくある質問
Person In Bed アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Person In Bed アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:person-in-bed" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person In Bed アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-in-bed.svg" alt="Person In Bed アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
