Ícone Temperature 20
energy-icons:temperature-20
O ícone Temperature 20 (energy-icons:temperature-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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M10.746 3.75a.73.73 0 0 0-.75-.75a.73.73 0 0 0-.75.75v7.919a3.4 3.4 0 0 1 .75-.086c.257 0 .508.032.75.086zm-.75 8.833c-.442 0-.859.121-1.218.331l-.024.013q-.063.039-.123.08l-.072.05l-.076.06q-.049.038-.095.08a2.4 2.4 0 0 0-.364.408q-.03.04-.057.082q-.026.041-.05.084a2.4 2.4 0 0 0-.283.721q-.012.054-.02.109q-.029.167-.033.338v.107c.002.033 0 .066.003.1l.014.146l.01.076q.012.075.029.15l.014.066a2.4 2.4 0 0 0 .253.625A2.43 2.43 0 0 0 9.02 17.21l.09.035q.06.025.123.047l.072.021q.174.053.356.079l.1.01q.066.009.132.011q.17.006.336-.01l.1-.011q.186-.026.361-.08l.068-.02q.064-.022.127-.048l.085-.034q.044-.02.087-.042q.055-.026.109-.055q.049-.027.096-.058q.046-.026.087-.054q.059-.04.115-.084c.253-.194.465-.434.624-.708q.027-.047.05-.095q.027-.048.05-.098l.03-.07q.075-.176.122-.362l.014-.066a2.3 2.3 0 0 0 .056-.59a2.4 2.4 0 0 0-.038-.36q-.006-.038-.014-.075a2.4 2.4 0 0 0-.181-.53l-.043-.09q-.026-.047-.054-.093q-.026-.046-.055-.092l-.062-.09a2.42 2.42 0 0 0-1.967-1.015m1.75-.518l.016.011q.066.041.128.084q.073.047.142.097l.07.056q.084.064.164.133q.059.055.116.113q.053.05.104.102l.074.086q.066.072.126.147q.057.073.109.15q.035.048.068.098q.13.202.23.423q.03.06.057.123q.032.078.059.159l.045.126q.024.08.045.163l.036.143q.027.126.045.255l.006.043q.004.022.006.046q.012.108.016.214l.002.058q.002.075-.001.15q.001.09-.005.182l-.012.12l-.021.177q-.016.098-.038.195l-.027.125a3 3 0 0 1-.08.27l-.008.02l-.027.072q-.044.117-.096.229c-.02.046-.046.09-.069.134q-.037.076-.078.148l-.048.077a3.4 3.4 0 0 1-.746.854l-.118.087q-.06.047-.121.091q-.076.05-.154.095l-.11.067q-.067.035-.135.068q-.073.037-.147.071l-.102.041a3.5 3.5 0 0 1-.483.155l-.037.01a3 3 0 0 1-.218.04l-.056.009q-.07.008-.137.013q-.092.011-.185.016l-.155.002l-.156-.002q-.093-.006-.185-.016q-.068-.005-.137-.013l-.056-.009a3 3 0 0 1-.217-.04l-.038-.01l-.048-.012a3 3 0 0 1-.422-.138q-.06-.023-.119-.048l-.103-.05q-.09-.042-.18-.09l-.044-.027a3.4 3.4 0 0 1-.46-.314a3.4 3.4 0 0 1-.37-.357l-.064-.07l-.094-.12q-.05-.06-.096-.123l-.071-.11a3 3 0 0 1-.097-.156l-.043-.08A3.4 3.4 0 0 1 6.8 16.2l-.02-.05l-.014-.036a4 4 0 0 1-.078-.264l-.028-.131a3 3 0 0 1-.038-.196l-.015-.119q-.011-.094-.02-.19q-.003-.077-.003-.155q-.003-.085-.001-.171v-.038q.006-.114.017-.227l.005-.033l.01-.064a3.4 3.4 0 0 1 .098-.463l.022-.082q.024-.07.051-.141q.133-.373.343-.698q.033-.05.067-.097q.052-.078.109-.151q.061-.075.126-.147l.074-.086q.17-.18.369-.336l.09-.072q.052-.037.106-.072q.081-.057.165-.109l.01-.007V3.75c0-.984.767-1.75 1.75-1.75c.985 0 1.75.766 1.75 1.75zM14.58 4.5a.5.5 0 0 1 0 1h-1.667a.5.5 0 1 1 0-1zm0 2.5a.5.5 0 0 1 0 1h-1.667a.5.5 0 1 1 0-1z"/><path fill="currentColor" d="M14.58 9.5a.5.5 0 0 1 0 1h-1.667a.5.5 0 1 1 0-1z"/></svg>Como usar o ícone Temperature 20
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:temperature-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:temperature-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:temperature-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--temperature-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:temperature-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:temperature-20"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/temperature-20.svg" alt="Ícone Temperature 20" width="24" height="24">Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Temperature 20
O ícone Temperature 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 Temperature 20 no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:temperature-20" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Temperature 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/temperature-20.svg" alt="Ícone Temperature 20">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.