Bed アイコン

Q: Bed アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:bed

Bed アイコン(noto:bed)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#A65F3E" d="M27.85 109.64h-19s-5.08-54.7 0-54.7s14.99 4.12 14.99 4.12c2.41.89 4.01 3.18 4.01 5.75z"/><path fill="#C87D5E" d="M121.91 105.43H12.98V58.99c0-2.24-1.82-4.06-4.06-4.06s-4.06 1.82-4.06 4.06v64.9h6l4.8-9.58h96.7l4.8 9.58h6v-17.22c-.01-.68-.56-1.24-1.25-1.24"/><path fill="#784D30" d="M13.75 95.99h9.28V83.08c-2.66-.17-5.37.46-7.53 2c-3.39 2.43-2.49 6.78-2.52 10.46c0 0 .3.18.77.45m106.71 12.38l-104.17.1c-1.49 0-2.91-.78-2.91-2.32c0 0 106.53-.77 107.74-.77s2.02.05 2.02 1.17c0 1.1-.16 1.82-2.68 1.82"/><path fill="#E0F7FA" d="m110.47 106.94l-95.61.1c-1.49 0-1.88-1.45-1.88-3.11v-7.91c0-1.15.84-2.09 1.87-2.09h94.73c1.98 0 3.59 1.79 3.59 4v6c-.01 1.66-1.21 3.01-2.7 3.01"/><path fill="#784D30" d="M112.35 114.31h4.8v9.58zm-96.7 0h-4.8v9.58z"/><path fill="#E0F7FA" d="M27.33 93.95c-11.36 0-13.38-5.96-13.38-5.96s3.55-6.57 13.11-6.57s14.52 5.88 14.81 7.84c.62 4.22-3.18 4.69-14.54 4.69"/><path fill="#94D1E0" d="M13.95 87.99c.8 1.92 3.81 5.96 13.38 5.96H34l4.35-5.53s-2.91 1.47-11.28 1.71c-5.69.16-10.61-.76-13.12-2.14"/><path fill="#3DAAE0" d="M118.89 107.04c2.9 0 4.56-2.83 3.92-6.02c-2.11-10.55-5.18-16.08-13.26-16.08H53.72c-7.91 0-14.83 4-16.81 12c-.97 3.9-1.27 6.75-1.18 10.1z"/><path fill="#188AD6" d="M120.42 107.59c2.65 0 2.72-2.27 2.45-4.65c-.91-8-7.65-9.41-11.24-9.41H44.8s-1.49 2.21-2.18 7.03c-.68 4.82.04 7.03.04 7.03z"/><path fill="#B0E0FF" d="M44.78 96.94c2-8 9-12 17-12h-12c-8 0-15 4-17 12c-1.43 5.71 10 8 12 0"/><path fill="#7DBBE3" d="M43.77 107.59c-.02-3.77.37-11.85 3.58-16.08c0 0-3.08-.59-6.6-.6c-4.16 0-5.38.38-5.38.38c-1.4 1.78-1.96 3.15-2.58 5.65c-.49 1.94-.82 4.91-.99 8.49c-.05 1.17.89 2.15 2.06 2.15h9.91z"/></svg>

Bed アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="noto:bed" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto:bed" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto:bed" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--bed]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:bed"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto:bed"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/bed.svg" alt="Bed アイコン" width="24" height="24">

他のアイコンセットの Bed アイコン

Bed アイコンのよくある質問

Bed アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Bed アイコンを使うには?

@iconify/react をインストールして <Icon icon="noto:bed" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Bed アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/bed.svg" alt="Bed アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Noto Emoji アイコンをすべて見る →