Hot Spring アイコン

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

はい。Maki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

maki:hot-spring

Hot Spring アイコン(maki:hot-spring)は、Maki セットの無料 SVG アイコンです（作者: Mapbox）。 15 × 15 のグリッドで描かれています。 Maki icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Maki
作者: Mapbox
ライセンス: CC0-1.0
サイズ: 15 × 15
タグ: hotspring

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M6.682 5.759c-.505-.725-.781-1.121-.63-2.376c.139-1.156.678-1.616 1.198-2.059c.404-.345.797-.68.981-1.324c.301.722-.036 1.47-.349 2.164c-.311.691-.599 1.329-.211 1.836c.971 1.271 1.963 2.88.971 4.586c-.214.393-.539.681-.861.968c-.422.375-.841.747-1.004 1.348c-.269-.677.008-1.366.285-2.052c.306-.759.61-1.516.172-2.251c-.203-.34-.389-.607-.551-.84Zm3.371-1.174a2.64 2.64 0 0 1 .368-1.809c.367-.45.701-.642.991-.81c.345-.199.627-.362.83-.877c.289.684 0 1.188-.304 1.718c-.119.207-.24.418-.329.645c-.191.61.101.893.467 1.247c.358.346.786.76.899 1.617A2.38 2.38 0 0 1 12.603 8c-.356.436-.681.655-.965.846c-.356.24-.648.437-.856.965c-.292-.688.031-1.259.353-1.828c.123-.217.246-.434.334-.658c.073-.558-.234-.867-.581-1.217c-.357-.36-.757-.763-.834-1.523Zm-8.018 0c-.098-.632.005-1.3.368-1.809c.376-.528.729-.717 1.035-.881c.323-.173.594-.318.786-.806c.289.683-.014 1.208-.325 1.749c-.122.212-.246.427-.336.655c-.152.385.131 1.014.501 1.242c1.002.801 1.227 2.286.547 3.353c-.366.448-.704.648-.999.823c-.353.209-.645.382-.849.898c-.278-.656.008-1.18.3-1.714c.131-.24.263-.481.345-.737c.179-.557-.134-.884-.51-1.277c-.349-.365-.752-.785-.863-1.498ZM13 8.999c.7 2.616-3.474 3-5.5 3s-6.2-.484-5.5-3c-.633.316-1 .961-1 1.5c0 1.519 2.91 2.9 6.5 2.9s6.5-1.381 6.5-2.9c0-.539-.367-1.184-1-1.5"/></svg>

Hot Spring アイコンの使い方

React

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

<Icon icon="maki:hot-spring" width="24" />

Vue

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

<template>
  <Icon icon="maki:hot-spring" width="24" />
</template>

Svelte

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

<Icon icon="maki:hot-spring" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[maki--hot-spring]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/maki -->
<div class="i-maki:hot-spring"></div>

Web コンポーネント

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

<iconify-icon icon="maki:hot-spring"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/maki/hot-spring.svg" alt="Hot Spring アイコン" width="24" height="24">

他のアイコンセットの Hot Spring アイコン

Hot Spring アイコンのよくある質問

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

はい。Maki icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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