ICONYZ
Español
Icono Thermometer de IonIcons

Icono Thermometer

ion:thermometer

El icono Thermometer (ion:thermometer) es un icono SVG gratuito de la colección IonIcons de Ben Sperry. Está dibujado en una cuadrícula de 512 × 512. IonIcons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
IonIcons
Autor
Ben Sperry
Licencia
MIT
Tamaño
512 × 512
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M320 287.18V81c0-35.12-27.89-64.42-63-64.95a64.08 64.08 0 0 0-65 64v207.13a8 8 0 0 1-3.18 6.37A113.48 113.48 0 0 0 144 384a112 112 0 0 0 224 0a113.48 113.48 0 0 0-44.82-90.45a8 8 0 0 1-3.18-6.37M254.07 432a48 48 0 0 1-22-89.54a16 16 0 0 0 8-13.84V112.45c0-8.61 6.62-16 15.23-16.43A16 16 0 0 1 272 112v216.58a16.18 16.18 0 0 0 8.15 13.94A48 48 0 0 1 254.07 432"/></svg>

Cómo usar el icono Thermometer

React

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

<Icon icon="ion:thermometer" width="24" />

Vue

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

<template>
  <Icon icon="ion:thermometer" width="24" />
</template>

Svelte

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

<Icon icon="ion:thermometer" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ion:thermometer"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ion/thermometer.svg" alt="Icono Thermometer" width="24" height="24">

Iconos relacionados en IonIcons

El icono Thermometer en otras colecciones

Preguntas frecuentes sobre Icono Thermometer

¿El icono Thermometer es gratis para uso comercial?

Sí. IonIcons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Thermometer en React?

Instala @iconify/react y renderiza <Icon icon="ion:thermometer" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Thermometer a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ion/thermometer.svg" alt="Icono Thermometer">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los IonIcons →