ICONYZ
日本語
Röntgen の Two Beds アイコン

Two Beds アイコン

roentgen:two-beds

Two Beds アイコン(roentgen:two-beds)は、Röntgen セットの無料 SVG アイコンです(作者: Sergey Vartanov)。 24 × 24 のグリッドで描かれています。 Röntgen icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Röntgen
作者
Sergey Vartanov
ライセンス
CC-BY-4.0
サイズ
24 × 24
タグ
twobeds、bed
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.5 1a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 1 0V12h12v1.5a.5.5 0 0 0 1 0v-10a.5.5 0 0 0-.187-.39s-.714-.563-1.975-.962a9.4 9.4 0 0 0-2.318-.412a11.5 11.5 0 0 0-3.13.276A.5.5 0 0 0 7 2.5V5H2V1.5a.5.5 0 0 0-.5-.5M4 2c-.554 0-1 .446-1 1s.446 1 1 1h1c.554 0 1-.446 1-1s-.446-1-1-1zM2 6h12v2.62a8 8 0 0 0-1.162-.472a9.4 9.4 0 0 0-2.318-.412a11.5 11.5 0 0 0-3.13.276A.5.5 0 0 0 7 8.5V11H2zm2 2c-.554 0-1 .446-1 1s.446 1 1 1h1c.554 0 1-.446 1-1s-.446-1-1-1z"/></svg>

Two Beds アイコンの使い方

React

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

<Icon icon="roentgen:two-beds" width="24" />

Vue

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

<template>
  <Icon icon="roentgen:two-beds" width="24" />
</template>

Svelte

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

<Icon icon="roentgen:two-beds" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[roentgen--two-beds]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/roentgen -->
<div class="i-roentgen:two-beds"></div>

Web コンポーネント

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

<iconify-icon icon="roentgen:two-beds"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/roentgen/two-beds.svg" alt="Two Beds アイコン" width="24" height="24">

Röntgen の関連アイコン

Two Beds アイコン のよくある質問

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

はい。Röntgen icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Röntgen アイコン をすべて見る →