ICONYZ
日本語
Custom Brand Icons の Rooms Kids Bedroom アイコン

Rooms Kids Bedroom アイコン

cbi:rooms-kids-bedroom

Rooms Kids Bedroom アイコン(cbi:rooms-kids-bedroom)は、Custom Brand Icons セットの無料 SVG アイコンです(作者: Emanuele & rchiileea)。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Custom Brand Icons
作者
Emanuele & rchiileea
ライセンス
CC-BY-NC-SA-4.0
サイズ
24 × 24
タグ
roomskids、kidsbedroom、roomskidsbedroom、room、kid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.167 19.917c-.92 0-1.667-.933-1.667-2.084s.747-2.083 1.667-2.083s1.666.933 1.666 2.083s-.746 2.084-1.666 2.084M12 11.167c-1.381 0-2.5-.933-2.5-2.084S10.619 7 12 7s2.5.933 2.5 2.083s-1.119 2.084-2.5 2.084m-4.167 8.75c-.92 0-1.666-.933-1.666-2.084s.746-2.083 1.666-2.083s1.667.933 1.667 2.083s-.747 2.084-1.667 2.084M12 7.833A.833.833 0 1 1 12 9.5a.833.833 0 1 1 0-1.667M19.5 12a2.5 2.5 0 0 0-1.007.215c-.535-.67-1.261-1.248-2.127-1.697a5.36 5.36 0 0 0 1.012-3.134l-.003-.062A2.692 2.692 0 0 0 16.808 2a2.68 2.68 0 0 0-1.942.835a5.36 5.36 0 0 0-5.735-.004A2.68 2.68 0 0 0 7.192 2A2.69 2.69 0 0 0 4.5 4.692a2.69 2.69 0 0 0 2.113 2.626l-.003.066c0 1.173.379 2.254 1.016 3.139c-.862.449-1.586 1.025-2.119 1.692A2.5 2.5 0 0 0 4.5 12a2.5 2.5 0 1 0 0 5c.023 0 .045-.007.068-.007a5 5 0 0 0-.068.84C4.5 20.135 5.993 22 7.833 22c1.126 0 2.116-.702 2.72-1.769a10.4 10.4 0 0 0 2.894 0c.604 1.067 1.594 1.769 2.72 1.769c1.841 0 3.333-1.865 3.333-4.167q0-.433-.067-.84c.022 0 .044.007.067.007a2.5 2.5 0 1 0 0-5"/></svg>

Rooms Kids Bedroom アイコンの使い方

React

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

<Icon icon="cbi:rooms-kids-bedroom" width="24" />

Vue

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

<template>
  <Icon icon="cbi:rooms-kids-bedroom" width="24" />
</template>

Svelte

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

<Icon icon="cbi:rooms-kids-bedroom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--rooms-kids-bedroom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:rooms-kids-bedroom"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:rooms-kids-bedroom"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/rooms-kids-bedroom.svg" alt="Rooms Kids Bedroom アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Rooms Kids Bedroom アイコン のよくある質問

Rooms Kids Bedroom アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

React で Rooms Kids Bedroom アイコンを使うには?

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

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

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

Custom Brand Icons をすべて見る →