House Thermometer 20 Bold アイコン

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

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

energy-icons:house-thermometer-20-bold

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.697 2.37a.625.625 0 0 1 .698.06l6.666 5.417a.63.63 0 0 1 .231.486v9.166c0 .345-.28.625-.625.625H3.334a.625.625 0 0 1-.625-.625V8.333a.63.63 0 0 1 .23-.486L9.606 2.43zM3.96 8.63v8.244h12.083V8.629L10 3.72z"/><path fill="currentColor" d="M10.417 8.75a.417.417 0 0 0-.833 0v2.743a2.5 2.5 0 0 1 .833 0zM10 12.707a1.25 1.25 0 0 0-.811.3l-.016.013l-.062.06l-.026.027l-.043.048l-.034.043l-.034.046q-.013.018-.024.038l-.037.057l-.012.026q-.017.03-.032.062l-.029.066l-.015.039q-.026.073-.042.15a1.3 1.3 0 0 0-.032.298l.001.044l.006.066l.005.046l.01.06a1 1 0 0 0 .049.175l.01.026q.032.087.078.168l.025.046a1.3 1.3 0 0 0 .206.254l.048.042l.036.03l.053.04l.035.024l.052.03q.022.016.046.028q.023.013.048.024a1 1 0 0 0 .093.04q.087.033.179.054l.04.008a1 1 0 0 0 .119.017l.049.003q.087.004.172-.003l.05-.006a1 1 0 0 0 .105-.018q.094-.02.183-.055l.035-.014l.066-.03l.034-.017a1.25 1.25 0 0 0 .486-.46l.016-.027a1.2 1.2 0 0 0 .1-.227l.012-.035a1 1 0 0 0 .027-.112q.007-.032.012-.065l.006-.051a1 1 0 0 0 .003-.208a1.3 1.3 0 0 0-.037-.235q-.006-.027-.016-.054l-.018-.054a1.2 1.2 0 0 0-.346-.511l-.018-.017q-.027-.023-.057-.044a1.25 1.25 0 0 0-.754-.255m1.667-.61l.004.003q.054.048.105.099l.053.055q.048.052.093.106q.027.032.052.066q.041.053.08.108l.05.076l.063.102q.028.05.052.099q.027.05.05.102q.02.042.038.086q.025.06.048.122q.014.039.025.079q.024.069.041.14l.016.068q.018.078.031.158l.005.024l.004.038q.01.081.016.162l.003.048a2.5 2.5 0 0 1-.214 1.135l-.022.054l-.02.036a3 3 0 0 1-.109.198q-.03.049-.062.096q-.031.047-.065.093q-.028.038-.058.074q-.04.05-.081.098l-.066.068q-.042.045-.088.089l-.07.061l-.098.082q-.04.032-.083.062a3 3 0 0 1-.19.124q-.045.028-.093.054l-.093.046a2.4 2.4 0 0 1-.32.127l-.038.015l-.064.016q-.054.016-.109.028a2 2 0 0 1-.234.041l-.082.01a2.4 2.4 0 0 1-.473 0l-.082-.01a3 3 0 0 1-.344-.07l-.063-.015q-.022-.007-.043-.016a3 3 0 0 1-.303-.12q-.057-.027-.113-.056q-.036-.02-.071-.042l-.125-.076l-.057-.04l-.112-.082q-.044-.035-.084-.072q-.04-.033-.078-.067q-.044-.043-.087-.09q-.034-.033-.067-.07q-.038-.042-.074-.088q-.034-.04-.064-.081q-.035-.048-.069-.1q-.03-.044-.058-.089a3 3 0 0 1-.11-.2l-.02-.034l-.02-.054a2.5 2.5 0 0 1-.173-.54a2.5 2.5 0 0 1-.04-.344l-.005-.087a2.5 2.5 0 0 1 .02-.348l.006-.064l.009-.043a2.5 2.5 0 0 1 .152-.536q.02-.05.042-.098a3 3 0 0 1 .103-.2l.058-.094q.026-.044.055-.085l.086-.116l.046-.057a2.5 2.5 0 0 1 .24-.251l.015-.015V8.75a1.666 1.666 0 1 1 3.333 0z"/></svg>

House Thermometer 20 Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:house-thermometer-20-bold"></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-bold"></iconify-icon>

HTML 画像

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

Energy Icons の関連アイコン

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

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

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

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

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

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

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

Energy Icons をすべて見る →