Hot Springs アイコン
noto:hot-springs
Hot Springs アイコン(noto:hot-springs)は、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
- カテゴリ
- 旅行・場所
- タグ
- hotsprings、spring
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#C33" d="M113.8 65.4c-.2-.1-.4-.2-.6-.2h-4.9s6.7 7.5 6.7 10.7c0 15.5-21.5 28.1-48 28.1S19 91.4 19 75.9c0-3.2.9-6.3 2.7-9.2c.4-.7-.2-1.6-1-1.5h-4.9S7 79.4 7 87.9c0 20 26.9 36.1 60 36.1s60-16.1 60-36.1c0-8.5-4.9-16.3-13.2-22.5"/><path fill="#C33" d="M54.4 83.9h4.9c.2 0 .4 0 .7-.2c6.6-4.5 23.6-18.9 13.5-41.3c-7.2-16.1-4.6-30.8-2.9-37.1c.2-.7-.4-1.4-1-1.4h-5s-16.8 20.9-8.8 41.9c6.4 17.1-1.4 38.1-1.4 38.1m-29.1 0s4.2-.1 4.9-.1c.2 0 .5 0 .7-.2c5.9-4 21.1-16.8 12.1-36.9c-6.5-14.4-4.2-27.6-2.6-33.2c.2-.6-.3-1.2-.8-1.2h-5S20 31.1 27.1 49.8c5.7 15.3-1.8 34.1-1.8 34.1"/><path fill="#F44336" d="M108.8 65.4c-.9-.6-2 .4-1.5 1.3c1.7 2.9 2.7 6 2.7 9.2c0 15.5-21.5 28.1-48 28.1S14 91.4 14 75.9c0-3.2.9-6.3 2.7-9.2c.5-.9-.6-1.9-1.5-1.3C7 71.6 2 79.4 2 87.9c0 20 26.9 36.1 60 36.1s60-16.1 60-36.1c0-8.5-4.9-16.3-13.2-22.5"/><path fill="#F44336" d="M53.3 82.6c-.2.9.8 1.7 1.6 1.2c6.6-4.5 23.6-18.9 13.5-41.3c-7.2-16.1-4.6-30.8-2.9-37.1c.3-1-.9-1.8-1.7-1.1C57.4 9.7 42.8 25 50.7 46c6.5 16.9 4.1 30.9 2.6 36.6m-28.9.1c-.2.8.7 1.5 1.5 1c5.9-4.1 21.2-16.9 12.1-37c-6.5-14.4-4.2-27.6-2.6-33.2c.2-.9-.8-1.6-1.5-1c-5.8 4.9-18.9 18.6-11.8 37.3c5.8 15.3 3.6 27.9 2.3 32.9"/><path fill="#C33" d="M84.2 83.9s4.3-.1 4.8 0c.2 0 .5 0 .7-.2c5.9-4.1 21.2-16.9 12.1-37c-6.5-14.4-4.2-27.6-2.6-33.2c.2-.6-.3-1.2-.8-1.2h-5S78.9 31 86 49.8c5.7 15.3-1.8 34.1-1.8 34.1"/><path fill="#F44336" d="M83.2 82.7c-.2.8.7 1.5 1.5 1c5.9-4.1 21.2-16.9 12.1-37c-6.5-14.4-4.2-27.6-2.6-33.2c.2-.9-.8-1.6-1.5-1C87 17.4 73.8 31.1 81 49.8c5.7 15.3 3.6 27.9 2.2 32.9"/><path fill="#FF8A80" d="M28.02 47.32c-.9-.31-1.69-1.07-2.14-2c-1.55-3.22-2.41-6.47-2.18-10.07c.15-2.5.51-5.09 1.56-7.47c.52-1.09 2-4.46 3.59-4.02c.5.11.89.62.98 1.12c.18.9-.53 1.59-.95 2.28c-1.42 2.36-1.52 5.57-1 8.21c.58 2.95 5.62 7.92 3.2 10.92c-.93 1.16-2.06 1.38-3.06 1.03m58.34 0c-.9-.31-1.69-1.07-2.14-2c-1.55-3.22-2.41-6.47-2.18-10.07c.15-2.5.51-5.09 1.56-7.47c.52-1.09 2-4.46 3.59-4.02c.5.11.89.62.98 1.12c.18.9-.53 1.59-.95 2.28c-1.42 2.36-1.52 5.57-1 8.21c.58 2.95 5.62 7.92 3.2 10.92c-.93 1.16-2.07 1.38-3.06 1.03m-29.84-4.5c-.13 0-.26-.01-.41-.03c-3.37-.48-3.92-9.02-3.77-11.53c.15-2.5.51-5.09 1.56-7.47c.52-1.09 2-4.46 3.59-4.02c.5.11.89.62.98 1.12c.18.9-.53 1.59-.95 2.28c-1.57 2.62-1.66 6-1.09 8.92c.35 1.76 4.22 10.81.09 10.73m-42.06 58.79c-.79 1.4-.29 3.19 1 4.14c4.23 3.11 18.94 12.74 40.34 13.95c25.58 1.44 37.07-5.97 37.07-5.97s1.75-.65 1.05-1.78s-3.1.1-3.1.1s-24.9 6.31-44.22 1.22c-20.36-5.37-24.82-9.95-26.91-11.82c-.95-.85-2.25-1.28-3.5-1.05c-.58.11-1.13.36-1.51.87z"/></svg>Hot Springs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto:hot-springs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:hot-springs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:hot-springs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--hot-springs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:hot-springs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:hot-springs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto/hot-springs.svg" alt="Hot Springs アイコン" width="24" height="24">Noto Emoji の関連アイコン
他のアイコンセットの Hot Springs アイコン
Hot Springs アイコン のよくある質問
Hot Springs アイコンは商用利用でも無料ですか?
はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hot Springs アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto:hot-springs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hot Springs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/hot-springs.svg" alt="Hot Springs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。