Ícone Temperature 20 Bold
energy-icons:temperature-20-bold
O ícone Temperature 20 Bold (energy-icons:temperature-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
- temperaturebold
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.622 3.75a.604.604 0 0 0-.625-.625a.604.604 0 0 0-.625.625v7.763a3.6 3.6 0 0 1 1.25 0zm-.625 8.958c-.4 0-.78.105-1.11.288q-.04.021-.078.044l-.106.07a2.3 2.3 0 0 0-.892 1.204l-.028.1l-.026.1l-.016.095q-.029.165-.034.334v.073q0 .068.004.135q.005.062.013.122l.008.072q.01.069.026.136q.007.04.018.08q.046.177.117.342q.096.226.233.42q.027.037.056.072c.193.25.432.458.704.609l.104.052l.083.04q.037.016.074.029q.064.027.13.05l.044.012q.178.057.365.082l.084.01l.129.01q.165.006.327-.012l.082-.008a2 2 0 0 0 .345-.077q.036-.009.07-.02l.12-.045l.074-.028q.069-.031.134-.067l.052-.025q.06-.035.12-.073l.057-.037q.055-.036.107-.078q.03-.022.058-.045q.04-.032.077-.067a2.3 2.3 0 0 0 .416-.491l.04-.065q.027-.048.052-.1q.025-.044.046-.09q.013-.026.024-.055q.072-.167.118-.344l.02-.091q.014-.062.024-.123l.012-.104l.008-.093q.004-.061.004-.124l.001-.085a2 2 0 0 0-.034-.334q-.007-.047-.017-.094a2.3 2.3 0 0 0-.715-1.226a2.3 2.3 0 0 0-.403-.285a2.3 2.3 0 0 0-1.12-.295m1.875-.712l.003.002q.117.074.227.153l.028.022q.37.28.65.637l.012.014q.16.207.287.437q.027.044.052.09q.019.037.036.075a3.5 3.5 0 0 1 .198.48l.01.029q.04.132.072.27l.011.044q.03.136.048.274l.005.04l.007.046q.012.113.016.224l.002.057a3.6 3.6 0 0 1-.191 1.265l-.008.018a4 4 0 0 1-.128.318l-.017.036a4 4 0 0 1-.134.254l-.013.022q-.075.125-.16.245l-.041.055a3.5 3.5 0 0 1-.603.636q-.21.172-.45.31l-.078.049q-.12.066-.245.122l-.048.022q-.123.055-.253.1l-.042.014a4 4 0 0 1-.26.076l-.047.012l-.043.011a4 4 0 0 1-.216.04l-.076.012a4 4 0 0 1-.332.03l-.067.003h-.174l-.066-.003l-.082-.005a4 4 0 0 1-.251-.025l-.075-.012a4 4 0 0 1-.217-.04l-.046-.012l-.037-.01a4 4 0 0 1-.267-.077l-.042-.014a4 4 0 0 1-.26-.103l-.029-.013a4 4 0 0 1-.257-.128l-.078-.048a3.5 3.5 0 0 1-.445-.307q-.063-.052-.123-.11q-.06-.05-.117-.105q-.054-.054-.105-.111l-.11-.117a4 4 0 0 1-.152-.198q-.022-.026-.043-.054a4 4 0 0 1-.157-.244l-.013-.023a4 4 0 0 1-.124-.234l-.033-.066a4 4 0 0 1-.091-.221l-.03-.08l-.01-.025a4 4 0 0 1-.064-.207l-.018-.071a3.6 3.6 0 0 1-.108-.716a4 4 0 0 1 0-.27l.001-.06q.005-.11.017-.222q0-.015.004-.029l.01-.078a3.5 3.5 0 0 1 .239-.868l.048-.106q.04-.09.084-.177q.052-.097.11-.189l.053-.089q.043-.064.09-.126q.044-.068.093-.132c.249-.317.555-.596.91-.818h.003V3.75c0-1.053.822-1.875 1.875-1.875s1.875.822 1.875 1.875zm2.707-7.621a.625.625 0 1 1 0 1.25h-1.666a.625.625 0 1 1 0-1.25z"/><path fill="currentColor" d="M14.58 6.875a.625.625 0 1 1 0 1.25h-1.666a.625.625 0 1 1 0-1.25zm0 2.5a.625.625 0 1 1 0 1.25h-1.666a.625.625 0 1 1 0-1.25z"/></svg>Como usar o ícone Temperature 20 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:temperature-20-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:temperature-20-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:temperature-20-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--temperature-20-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:temperature-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:temperature-20-bold"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/temperature-20-bold.svg" alt="Ícone Temperature 20 Bold" width="24" height="24">Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Temperature 20 Bold
O ícone Temperature 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 Temperature 20 Bold no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:temperature-20-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Temperature 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/temperature-20-bold.svg" alt="Ícone Temperature 20 Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.