Ícone House Thermometer 20
energy-icons:house-thermometer-20
O ícone House Thermometer 20 (energy-icons:house-thermometer-20) é 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
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.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>
Como usar o ícone 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 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"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/house-thermometer-20.svg" alt="Ícone House Thermometer 20" width="24" height="24">
Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone House Thermometer 20
O ícone House Thermometer 20 é 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 no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:house-thermometer-20" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone House Thermometer 20 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.svg" alt="Ícone House Thermometer 20">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Energy Icons →
