Bed アイコン
emojione:bed
Bed アイコン(emojione:bed)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#3e4347" d="M30.5 9.1s-2.6 1.1-5.5-1.7c-1.7-1.6-4.6-3-5.8-3.4h-1.1s-3.8 0-7.8 3.4c-2.4 2-4.6 2.2-5 1.7H4.2C2.8 12.2 0 11.8 0 11.8v30.4h34.2L31.6 9.1z"/><path fill="#62696d" d="M31.6 9.1s-2.6 1.1-5.5-1.7C22.6 4 19.2 4 19.2 4s-3.8 0-7.8 3.4c-3.3 2.8-6.1 1.7-6.1 1.7c-1.4 3.1-4.2 2.8-4.2 2.8v30.4h34.2V11.8s-2.5.4-3.7-2.7"/><path fill="#3e4347" d="M1.1 35.5L22.5 47v9L1.1 42.2z"/><path fill="#62696d" d="M22.5 56L64 49v-8l-41.5 6zm-1-.6l.4 4.2l.6.4v-4z"/><path fill="#3e4347" d="m22.5 60l1.4-.4l.7-3.9l-2.1.3zm41.1-7v-3.9l-2.7.5l.9 3.7zM.4 42.2v3.2h1.5l1-3.2z"/><path fill="#94989b" d="M1.1 35.5L22.5 47L64 41L35 31z"/><path fill="#dae3ea" d="M2.3 29.7L23.2 38v7.6L2.3 35.3z"/><path fill="#ffdd7d" d="m23.2 45.6l38.7-5.1v-6.8L23.2 38z"/><path fill="#fff" d="M2.3 29.7L23.2 38l38.7-4.3L35.3 27z"/><path fill="#b2c1c0" d="M4.1 25.6s1.2 3.2 5 4.7c0 0 5.7-1.7 13.3-1.6c0 0-3-2.7-3.8-5c0 .1-6.6-2.3-14.5 1.9m17.3-1.4s.8 3.2 3.4 4.7c0 0 3.9-1.7 9-1.6c0 0-2-2.7-2.6-5c.1.1-4.4-2.3-9.8 1.9"/><path fill="#dae3ea" d="M7.5 23.2s2.6 3.5 3.8 8.2c0 0 5.7-2.3 13.3-2.2c0 0-3-3.8-3.8-6.9c0 0-5.6-1.1-13.3.9m15.1-1s2.3 3.2 3.4 7.4c0 0 5.1-2.1 11.9-2c0 0-2.7-3.4-3.4-6.2c0 0-5-1-11.9.8"/><g fill="#a53838"><path d="M11.8 40s-.6-4.2-.3-5.4c.2-.9 1.2-2.2 1.7-2.7c1.4-1.1 6.3-1.5 6.3-1.5s17.7-2.5 23.5-2.3c.9 0 3.3 1.6 3.3 1.6l-27.6 3.5l-3 5.3l-.3 3.4z"/><path d="m17.4 35.7l-1.6 2.8l-.3 3.3l7.7 3.8V38z"/></g><path fill="#ed4c5c" d="M23.2 38v7.6l38.7-5.1v-6.8z"/><path fill="#c94747" d="m17.4 35.7l5.8 2.3l38.7-4.3l-15.8-4l-27.3 3.4z"/><path fill="#ed4c5c" d="M54.4 31.8s-.7-1.2-1-1.5c-.4-.3-1.6-.4-1.6-.4s-.4-.9-.6-1c-.5-.2-1.9.7-1.9.7s-.8-1.1-1.1-1.1c-7.3 0-22.6 1.8-29.7 3.9c-.8.2-2 2.1-2.4 3c-1 2-2.3 6.6-2.6 9.1c-.3 2.3 1.1 8.9 1.1 8.9s1.2-4.5 2.3-5.8c.5-.6 1 2.7 1 2.7s.9-4.2 1.2-4.6c.4-.5 1 2.5 1 2.5s.6-6.6 1.1-8.2c.3-1.1 1.4-3 2.1-3.3c7-3.1 21.7-5.6 28.9-5.4c.4.1 2.2.5 2.2.5"/></svg>
Bed アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:bed" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:bed" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:bed" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--bed]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:bed"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:bed"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/bed.svg" alt="Bed アイコン" width="24" height="24">
Bed アイコン のよくある質問
Bed アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bed アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:bed" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bed アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/bed.svg" alt="Bed アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
