Ícone House Thermometer 20 Bold
energy-icons:house-thermometer-20-bold
O ícone House Thermometer 20 Bold (energy-icons:house-thermometer-20-bold) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 20 × 20. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 20 × 20
- Tags
- housethermometer, thermometerbold, housethermometerbold
Código 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>
Como usar o ícone 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 component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/house-thermometer-20-bold.svg" alt="Ícone House Thermometer 20 Bold" width="24" height="24">
Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone House Thermometer 20 Bold
O ícone House Thermometer 20 Bold é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone House Thermometer 20 Bold no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:house-thermometer-20-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone House Thermometer 20 Bold a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/house-thermometer-20-bold.svg" alt="Ícone House Thermometer 20 Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Energy Icons →
