ICONYZ
日本語
Energy Icons の House Thermometer 48 アイコン

House Thermometer 48 アイコン

energy-icons:house-thermometer-48

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

アイコンセット
Energy Icons
作者
Sam Passmore
ライセンス
MIT
サイズ
48 × 48
タグ
housethermometer
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M23.44 6.172a1 1 0 0 1 1.19.051l16 13A1 1 0 0 1 41 20v22a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V20a1 1 0 0 1 .37-.776l16-13zM9 20.475V41h30V20.475L24 8.288z"/><path fill="currentColor" d="M25.5 21a1.5 1.5 0 1 0-3 0v7.208a5.5 5.5 0 0 1 3 0zM24 30a3.5 3.5 0 0 0-2.13.726l-.12.094l-.102.091q-.066.06-.13.122l-.081.087q-.068.073-.132.147l-.061.08q-.062.076-.119.157l-.076.118q-.044.067-.085.138q-.037.065-.071.133q-.037.07-.07.14q-.032.07-.061.144q-.03.07-.057.143l-.039.122q-.03.092-.054.186l-.027.116a3.5 3.5 0 0 0 .152 2.017a3.5 3.5 0 0 0 .356.683a3.5 3.5 0 0 0 .295.384q.047.053.097.102q.057.06.117.118l.113.1q.058.05.116.097q.069.053.141.105q.05.037.104.072a4 4 0 0 0 .275.163a3 3 0 0 0 .29.139l.106.04a3.5 3.5 0 0 0 2.51-.001l.098-.038a4 4 0 0 0 .423-.213q.074-.044.145-.09l.11-.077q.068-.049.135-.1q.053-.043.104-.087q.067-.056.132-.116q.052-.052.102-.105q.053-.053.105-.109q.053-.06.105-.126a3.5 3.5 0 0 0 .546-.941a3 3 0 0 0 .098-.29a3.6 3.6 0 0 0 .137-.917a4 4 0 0 0-.008-.3a3.5 3.5 0 0 0-.074-.503q-.013-.062-.028-.123a3 3 0 0 0-.054-.186l-.04-.122q-.026-.072-.056-.143q-.03-.074-.062-.146q-.03-.064-.064-.129l-.076-.143l-.084-.137l-.077-.118q-.055-.077-.114-.152l-.072-.091a4 4 0 0 0-.13-.145q-.035-.04-.072-.078a4 4 0 0 0-.144-.136q-.045-.042-.092-.08q-.06-.052-.126-.1A3.5 3.5 0 0 0 24 30m3.5-.742q.13.105.25.22l.032.029q.248.235.462.496l.033.039q.058.072.114.146l.03.041a5 5 0 0 1 .23.337q.03.046.057.093l.058.098q.034.058.066.117l.058.111l.05.102l.044.089l.068.15l.027.066l.057.141l.037.103l.044.125q.019.057.036.116l.035.115l.038.14l.022.09a5.48 5.48 0 0 1-.37 3.615l-.006.014l-.004.007q-.046.096-.096.19l-.052.097l-.073.13l-.058.097l-.058.093q-.045.07-.092.138l-.04.059l-.098.135q-.024.033-.05.065a5.5 5.5 0 0 1-.664.718l-.1.087l-.088.074l-.086.07l-.127.098l-.042.031q-.08.06-.164.116l-.033.021l-.15.097l-.073.045l-.149.085l-.043.023l-.176.092l-.036.017a5 5 0 0 1-.307.14l-.052.021l-.164.064l-.088.031q-.106.037-.213.07h.001q-.005.003-.01.002q-.347.105-.706.164l-.024.005q-.227.035-.456.051l-.116.007q-.08.005-.162.008h-.246a5.5 5.5 0 0 1-1.695-.31l-.062-.022l-.183-.07l-.05-.021a5 5 0 0 1-.309-.14l-.036-.017q-.089-.045-.176-.092l-.042-.023a6 6 0 0 1-.36-.22l-.057-.037l-.13-.092l-.086-.062l-.09-.07l-.107-.085l-.082-.071l-.1-.087a7 7 0 0 1-.174-.164q-.041-.04-.081-.083l-.092-.096l-.06-.067a6 6 0 0 1-.253-.303l-.063-.083l-.087-.12l-.04-.06l-.096-.145l-.036-.055l-.09-.151l-.037-.068q-.04-.069-.078-.14l-.093-.187l-.004-.007l-.006-.014l-.06-.135a5.5 5.5 0 0 1-.362-1.161a5.5 5.5 0 0 1 .15-2.679l.032-.101l.044-.125l.038-.103l.05-.125l.044-.105l.045-.1l.069-.144l.038-.074l.057-.111l.067-.117l.057-.098l.057-.093a5 5 0 0 1 .12-.18q.118-.174.251-.34l.05-.06q.05-.06.103-.12l.05-.056q.138-.154.29-.3l.051-.045q.116-.107.237-.208V21a3.5 3.5 0 1 1 7 0z"/></svg>

House Thermometer 48 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Energy Icons の関連アイコン

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

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

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

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

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

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

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

Energy Icons をすべて見る →