Bathtub アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:bathtub

Bathtub アイコン(openmoji:bathtub)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#9b9b9a" d="M22.76 54.46h-5.442l-2.557 7.328c-.336.964.38 1.97 1.4 1.97h3.354zm24.364 0h5.441l2.557 7.328c.336.964-.38 1.97-1.4 1.97h-3.354z"/><path fill="#9b9b9a" d="m16.534 59.598l-1.143 3.53h3.524l.667-2.054m33.857-1.476l1.143 3.53h-3.524l-.667-2.054"/><path fill="#d0cfce" d="M11.007 34.218v9.428c0 6.915 5.4 12.572 12 12.572h26c6.6 0 12-5.657 12-12.572v-9.428s-23 2.095-50 0"/><path fill="#9b9b9a" d="m43.804 56.218l16.76-21.71l-.056 12.766s-1.968 5.624-6.804 8.098c0 0-5.345 1.408-9.9.846"/><path fill="#d0cfce" d="M46.166 14.305c1.61-2.102 4.297-2.748 6.002-1.443s1.781 4.068.172 6.17z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M11.007 34.218v9.428c0 6.915 5.4 12.572 12 12.572h26c6.6 0 12-5.657 12-12.572v-9.428s-23 2.095-50 0m47.661 0V14.362s0-6.946-6.5-1.5"/><path d="M46.166 14.305c1.61-2.102 4.297-2.748 6.002-1.443s1.781 4.068.172 6.17zm7.273 45.293l1.143 3.53h-3.524l-.667-2.054m-33.857-1.476l-1.143 3.53h3.524l.667-2.054m-8.575-26.856v9.428c0 6.915 5.4 12.572 12 12.572h26c6.6 0 12-5.657 12-12.572v-9.428s-23 2.095-50 0"/></g></svg>

Bathtub アイコンの使い方

React

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

<Icon icon="openmoji:bathtub" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:bathtub" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:bathtub" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:bathtub"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/bathtub.svg" alt="Bathtub アイコン" width="24" height="24">

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →