Hot Water Bottle アイコン
openmoji:hot-water-bottle
Hot Water Bottle アイコン(openmoji:hot-water-bottle)は、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
- カテゴリ
- OpenMoji 追加分
- タグ
- hotwater、waterbottle、hotwaterbottle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="m47.176 59.056l-2.203.55a37 37 0 0 1-17.946 0l-2.203-.55a4.97 4.97 0 0 1-3.764-4.822V23.352a5.637 5.637 0 0 1 5.637-5.638h18.606a5.637 5.637 0 0 1 5.637 5.638v30.882a4.97 4.97 0 0 1-3.764 4.822"/><path fill="#61b2e4" d="m46.111 53.994l-9.173-.514a15 15 0 0 0-1.644 0l-9.174.514a2.04 2.04 0 0 1-2.14-2.056v-28.63a2.484 2.484 0 0 1 2.465-2.5h19.341a2.484 2.484 0 0 1 2.466 2.5v28.63a2.04 2.04 0 0 1-2.14 2.056"/><path fill="#92d3f5" d="M36.15 10.736a14.45 14.45 0 0 0-6.52 1.647l1.454 7.994a5.633 5.633 0 0 0 10.133 0l1.453-7.994a14.45 14.45 0 0 0-6.52-1.647"/><circle cx="36.302" cy="56.56" r="1.102" fill="#fff"/><g fill="none" stroke="#000"><path stroke-miterlimit="10" stroke-width="2" d="M40.718 21.797h4.487a2.335 2.335 0 0 1 2.32 2.351v26.924a1.926 1.926 0 0 1-2.012 1.935l-8.627-.486a13 13 0 0 0-1.542 0l-8.628.486a1.926 1.926 0 0 1-2.012-1.935V24.148a2.34 2.34 0 0 1 2.32-2.351h4.557"/><circle cx="36.302" cy="56.56" r="1.102" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.001" d="M36.15 10.736a14.45 14.45 0 0 0-6.52 1.647l1.454 7.994a5.633 5.633 0 0 0 10.133 0l1.453-7.994a14.45 14.45 0 0 0-6.52-1.647"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.001" d="M41.699 17.714h3.608a5.64 5.64 0 0 1 5.633 5.633v30.889a4.97 4.97 0 0 1-3.764 4.822l-2.205.549a36.9 36.9 0 0 1-17.942 0l-2.205-.55a4.97 4.97 0 0 1-3.764-4.821V23.347a5.64 5.64 0 0 1 5.633-5.633h3.903"/></g></svg>Hot Water Bottle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:hot-water-bottle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:hot-water-bottle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:hot-water-bottle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--hot-water-bottle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:hot-water-bottle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:hot-water-bottle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/hot-water-bottle.svg" alt="Hot Water Bottle アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Hot Water Bottle アイコン
Hot Water Bottle アイコン のよくある質問
Hot Water Bottle アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Hot Water Bottle アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:hot-water-bottle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hot Water Bottle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/hot-water-bottle.svg" alt="Hot Water Bottle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。