House Thermometer 20 アイコン

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

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

energy-icons:house-thermometer-20

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

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 20 × 20
タグ: housethermometer

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.685 2.529a.5.5 0 0 1 .63 0l6.667 5.416a.5.5 0 0 1 .185.388V17.5a.5.5 0 0 1-.5.5H3.333a.5.5 0 0 1-.5-.5V8.333a.5.5 0 0 1 .185-.388zm-5.852 6.04V17h12.334V8.57L10 3.56z"/><path fill="currentColor" d="M10.542 8.75a.543.543 0 0 0-1.084 0v2.897a2.4 2.4 0 0 1 .542-.064q.28 0 .542.063zM10 12.583a1.37 1.37 0 0 0-.885.323l-.033.03q-.029.025-.055.05l-.049.052l-.03.034a1 1 0 0 0-.08.104l-.019.03l-.044.071a1.4 1.4 0 0 0-.123.291l-.01.031q-.01.04-.018.083a1.4 1.4 0 0 0-.028.236v.06l.002.064l.004.051a1 1 0 0 0 .019.128l.012.057l.016.06l.02.064l.017.047a1.4 1.4 0 0 0 .186.336l.017.02a1.3 1.3 0 0 0 .329.303l.048.03l.06.034l.037.018l.078.036l.023.009q.108.042.221.066l.019.004a1 1 0 0 0 .148.022l.051.003a1.4 1.4 0 0 0 .327-.024q.015-.002.028-.006a1.4 1.4 0 0 0 .221-.066l.014-.006l.085-.039q.018-.008.035-.018q.038-.019.072-.04l.03-.02a1.3 1.3 0 0 0 .181-.138q.054-.049.101-.102l.043-.053l.03-.035q.023-.032.044-.066q.019-.025.034-.052l.02-.035a1.4 1.4 0 0 0 .154-.428l.004-.027q.008-.042.012-.086l.004-.046l.002-.077l-.001-.046a1.5 1.5 0 0 0-.046-.32a1.4 1.4 0 0 0-.11-.28l-.024-.044l-.037-.062l-.026-.039l-.05-.067l-.022-.027l-.058-.066l-.022-.023l-.06-.057q-.014-.016-.032-.028l-.069-.054a1.37 1.37 0 0 0-.817-.27m1.542-.431l.05.047q.048.042.093.087l.055.058q.042.044.083.092q.03.037.057.075q.037.046.07.094l.044.066q.035.054.067.109q.026.046.051.096l.04.08a2 2 0 0 1 .083.202q.018.05.032.101l.029.095q.013.051.023.104q.012.055.022.112l.008.039l.006.065l.01.083a2 2 0 0 1 .004.337a2 2 0 0 1-.04.314a2.4 2.4 0 0 1-.158.506l-.024.06l-.025.046a2 2 0 0 1-.1.182a2 2 0 0 1-.122.178l-.047.06l-.087.104q-.023.025-.049.05q-.044.05-.093.095l-.067.059q-.045.04-.09.076l-.072.053l-.1.069l-.075.046q-.054.033-.109.063l-.062.03q-.063.032-.127.06l-.083.031q-.058.023-.118.042l-.032.011l-.052.014l-.126.032l-.069.014a2.4 2.4 0 0 1-.663.032a2.3 2.3 0 0 1-.424-.08l-.045-.01q-.014-.007-.027-.01a2 2 0 0 1-.129-.047l-.076-.029a2 2 0 0 1-.134-.062l-.05-.025a2 2 0 0 1-.132-.075l-.052-.032a2 2 0 0 1-.124-.087l-.046-.034a2 2 0 0 1-.11-.092q-.028-.024-.054-.049q-.042-.04-.08-.08q-.037-.036-.07-.074q-.038-.042-.072-.086l-.056-.07q-.039-.053-.074-.109l-.044-.067a2 2 0 0 1-.107-.195l-.02-.035q-.014-.03-.024-.06a2.3 2.3 0 0 1-.2-1.035a2 2 0 0 1 .015-.204l.006-.065l.01-.054l.015-.071q.014-.075.034-.146l.014-.05q.021-.071.046-.142l.033-.084l.046-.106l.04-.08l.053-.1l.053-.086l.061-.094l.057-.076l.065-.085l.069-.077l.052-.057l.045-.046l.058-.051l.057-.052V8.75a1.543 1.543 0 0 1 3.084 0z"/></svg>

House Thermometer 20 アイコンの使い方

React

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

<Icon icon="energy-icons:house-thermometer-20" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:house-thermometer-20" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:house-thermometer-20" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--house-thermometer-20]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:house-thermometer-20"></div>

Web コンポーネント

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

<iconify-icon icon="energy-icons:house-thermometer-20"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/house-thermometer-20.svg" alt="House Thermometer 20 アイコン" width="24" height="24">

Energy Icons の関連アイコン

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

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

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

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

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

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

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

Energy Icons をすべて見る →