Ícone Thermometer

keyline-icons:thermometer

O ícone Thermometer (keyline-icons:thermometer) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.8787 2.8787C17.4413 2.3161 18.2044 2 19 2C20.6569 2 22 3.3431 22 5C22 5.7956 21.6839 6.5587 21.1213 7.1213L9.7781 18.4645C9.2155 19.0271 8.4525 19.3432 7.6568 19.3432C6 19.3432 4.6568 18 4.6568 16.3432C4.6568 15.5475 4.9729 14.7845 5.5355 14.2219L16.8787 2.8787ZM5.5355 18.4645L2 22M16.1716 3.5858L17.5858 5M13.3431 6.4142L14.7574 7.8284M10.5147 9.2426L11.9289 10.6569"/></svg>

Como usar o ícone Thermometer

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:thermometer" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:thermometer" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:thermometer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--thermometer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:thermometer"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:thermometer"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/thermometer.svg" alt="Ícone Thermometer" width="24" height="24">

Ícones relacionados em Keyline Icons

O ícone Thermometer em outras coleções

Perguntas frequentes sobre Ícone Thermometer

O ícone Thermometer é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Thermometer no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:thermometer" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Thermometer a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/thermometer.svg" alt="Ícone Thermometer">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →