Thermometer Water アイコン

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

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

meteocons:thermometer-water

Thermometer Water アイコン(meteocons:thermometer-water)は、Meteocons セットの無料 SVG アイコンです（作者: Bas Milius）。 512 × 512 のグリッドで描かれています。 Meteocons icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Meteocons
作者: Bas Milius
ライセンス: MIT
サイズ: 512 × 512
タグ: thermometerwater

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><clipPath id="SVGvy0DNepQ"><path fill="none" d="M372 357c-22 0-40-18.1-40-40.5a40.6 40.6 0 0 1 17.1-33.3v-97A23 23 0 0 1 372 163H119.2v194Zm2.9-137h20m-20-22.8h20m-20 45.7h20"/></clipPath><symbol id="SVGrLxmDd9P" viewBox="0 0 244 92"><path fill="none" stroke="#2885c7" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"><animate attributeName="d" calcMode="spline" dur="3s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" values="M 242 24.63 h -8 c -10.92 0 -20.85 -11.66 -26 -21.39 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 157.15 13 152 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 101.15 13 96 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 S 45.15 13 40 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 H 2 V 74 A 16.14 16.14 0 0 0 18 90 H 226 a 16.14 16.14 0 0 0 16 -16.3 Z; M 242 24.63 h -8 c -10.92 0 -20.85 -11.66 -26 -21.39 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 157.15 13 152 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 101.15 13 96 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 S 45.15 13 40 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 H 2 V 59 A 16.14 16.14 0 0 0 18 75 H 226 a 16.14 16.14 0 0 0 16 -16.3 Z; M 242 24.63 h -8 c -10.92 0 -20.85 -11.66 -26 -21.39 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 157.15 13 152 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 101.15 13 96 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 S 45.15 13 40 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 H 2 V 74 A 16.14 16.14 0 0 0 18 90 H 226 a 16.14 16.14 0 0 0 16 -16.3 Z"/><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="3s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="translate" values="0 0; 0 15; 0 0"/></path></symbol></defs><g clip-path="url(#SVGvy0DNepQ)"><use width="244" height="92" href="#SVGrLxmDd9P" transform="translate(134 242)"/></g><ellipse cx="372" cy="317.1" fill="#ef4444" rx="25.7" ry="25.7"/><path fill="none" stroke="#ef4444" stroke-linecap="round" stroke-miterlimit="10" stroke-width="17.1" d="M372 231.5V317"><animateTransform attributeName="transform" calcMode="spline" dur="1s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="translate" values="0 0; 0 18; 0 0"/></path><path fill="none" stroke="#cbd5e1" stroke-linecap="round" stroke-linejoin="round" stroke-width="4.3" d="M412 316.5c0 22.3-18 40.5-40 40.5s-40-18.1-40-40.5a40.6 40.6 0 0 1 17.1-33.3v-97a22.9 22.9 0 1 1 45.8 0v97a40.6 40.6 0 0 1 17.1 33.3ZM374.9 220h20m-20-22.9h20m-20 45.7h20"/></svg>

Thermometer Water アイコンの使い方

React

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

<Icon icon="meteocons:thermometer-water" width="24" />

Vue

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

<template>
  <Icon icon="meteocons:thermometer-water" width="24" />
</template>

Svelte

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

<Icon icon="meteocons:thermometer-water" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--thermometer-water]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:thermometer-water"></div>

Web コンポーネント

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

<iconify-icon icon="meteocons:thermometer-water"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/meteocons/thermometer-water.svg" alt="Thermometer Water アイコン" width="24" height="24">

Meteocons の関連アイコン

他のアイコンセットの Thermometer Water アイコン

Thermometer Water アイコンのよくある質問

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

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

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

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

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

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

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