House Thermometer 48 Bold アイコン
energy-icons:house-thermometer-48-bold
House Thermometer 48 Bold アイコン(energy-icons:house-thermometer-48-bold)は、Energy Icons セットの無料 SVG アイコンです(作者: Sam Passmore)。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- housethermometer、thermometerbold、housethermometerbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M23.3 5.964a1.25 1.25 0 0 1 1.488.066l16 13c.292.238.462.594.462.97v22c0 .69-.56 1.25-1.25 1.25H8c-.69 0-1.25-.56-1.25-1.25V20c0-.376.17-.732.462-.97l16-13zM9.25 20.594V40.75h29.5V20.594L24 8.609z"/><path fill="currentColor" d="M25.25 21a1.25 1.25 0 1 0-2.5 0v6.887a5.8 5.8 0 0 1 2.5 0zM24 30.25c-.733 0-1.416.247-1.965.664q-.065.049-.128.1l-.081.073a3 3 0 0 0-.137.129l-.064.068a3 3 0 0 0-.122.136q-.04.048-.078.1a3 3 0 0 0-.169.24q-.04.063-.076.125q-.033.06-.064.122a3.2 3.2 0 0 0-.263.685q-.013.051-.024.103a3.26 3.26 0 0 0 .05 1.602q.021.075.046.149q.02.06.042.118a3.3 3.3 0 0 0 .519.89q.041.053.086.103l.093.1l.11.111q.048.044.096.085a3 3 0 0 0 .244.191q.048.036.097.069q.072.045.146.088l.104.06l.117.059q.08.04.163.075l.09.034a3.25 3.25 0 0 0 1.763.163a3.5 3.5 0 0 0 .667-.2a3 3 0 0 0 .377-.19q.073-.04.142-.085q.063-.042.125-.088l.1-.073q.067-.055.133-.114l.083-.073q.06-.058.12-.12l.08-.084l.11-.133l.07-.089q.054-.072.103-.148q.03-.043.057-.086q.041-.069.08-.14a3.25 3.25 0 0 0 .389-1.237a3 3 0 0 0 .014-.437a3 3 0 0 0-.072-.58l-.031-.136l-.043-.147l-.04-.122q-.028-.077-.06-.153q-.023-.06-.05-.12q-.032-.066-.066-.13q-.03-.062-.064-.122q-.037-.063-.076-.124q-.04-.064-.082-.124t-.087-.117l-.08-.101l-.106-.12l-.085-.09a3 3 0 0 0-.126-.12l-.086-.075q-.061-.051-.127-.1A3.24 3.24 0 0 0 24 30.25m3.75-1.108a6 6 0 0 1 .525.512l.028.032a5.7 5.7 0 0 1 .701.984l.034.062q.037.066.07.131a6 6 0 0 1 .119.243l.03.064q.037.086.072.173l.035.088l.05.138q.02.053.037.105l.034.104l.049.163l.026.1l.032.122q.02.086.037.173l.017.08q.057.3.083.607q.008.084.012.168a5.7 5.7 0 0 1-.424 2.499l-.036.08q-.038.09-.078.176l-.005.013q-.012.02-.02.039q-.046.093-.094.185l-.006.014l-.106.19l-.05.085a6 6 0 0 1-.22.337a6 6 0 0 1-.263.344l-.05.059a6 6 0 0 1-.267.295l-.086.086a6 6 0 0 1-.288.266q-.045.04-.092.078l-.084.068a6 6 0 0 1-.338.248l-.05.033a6 6 0 0 1-.386.236l-.072.038a5 5 0 0 1-.49.235q-.049.022-.099.042a5.8 5.8 0 0 1-1.216.338l-.026.005a6 6 0 0 1-.476.054l-.164.01l-.127.005h-.257a5.7 5.7 0 0 1-2.237-.51l-.106-.05a6 6 0 0 1-.492-.263l-.054-.032l-.156-.101l-.067-.045a6 6 0 0 1-.222-.158l-.094-.072l-.105-.085l-.088-.074l-.11-.096l-.072-.069l-.063-.057l-.08-.08l-.022-.024l-.136-.142l-.038-.042l-.122-.14l-.047-.056a5.7 5.7 0 0 1-.647-.974a6 6 0 0 1-.11-.22l-.006-.013l-.078-.175l-.03-.067a5.73 5.73 0 0 1-.28-3.547l.019-.07q.022-.088.047-.175l.028-.095l.045-.143l.037-.105q.023-.066.048-.131l.052-.128l.038-.092a6 6 0 0 1 .238-.486l.034-.062l.091-.155l.053-.084l.073-.116l.073-.106q.19-.271.41-.523l.027-.029q.151-.168.317-.325l.055-.05q.067-.063.136-.123l.02-.017V21a3.75 3.75 0 1 1 7.5 0z"/></svg>House Thermometer 48 Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:house-thermometer-48-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:house-thermometer-48-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:house-thermometer-48-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--house-thermometer-48-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:house-thermometer-48-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-48-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/house-thermometer-48-bold.svg" alt="House Thermometer 48 Bold アイコン" width="24" height="24">Energy Icons の関連アイコン
house-20
house-20-bold
house-48
house-48-bold
house-alert-20
house-alert-20-bold
house-alert-48
house-alert-48-bold
house-battery-20
house-battery-20-bold
house-battery-48
house-battery-48-bold
house-battery-alert-20
house-battery-alert-20-bold
house-battery-alert-48
house-battery-alert-48-bold
house-battery-check-20
house-battery-check-20-bold
house-battery-check-48
house-battery-check-48-bold
house-battery-x-20
house-battery-x-20-bold
house-battery-x-48
house-battery-x-48-bold
House Thermometer 48 Bold アイコン のよくある質問
House Thermometer 48 Bold アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で House Thermometer 48 Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:house-thermometer-48-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
House Thermometer 48 Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/house-thermometer-48-bold.svg" alt="House Thermometer 48 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。