Icono Temperature Sun
tabler:temperature-sun
El icono Temperature Sun (tabler:temperature-sun) es un icono SVG gratuito de la colección Tabler Icons de Paweł Kuna. Está dibujado en una cuadrícula de 24 × 24. Tabler Icons 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
- Tabler Icons
- Autor
- Paweł Kuna
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- heat, warm, climate, summer, degree, weather, forecast, sun, shine, hot, system, temperaturesun
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="M4 13.5a4 4 0 1 0 4 0V5a2 2 0 1 0-4 0zM4 9h4m5 7a4 4 0 1 0 0-8a4 4 0 0 0-1 .124M13 3v1m8 8h1m-9 8v1m6.4-15.4l-.7.7m0 11.4l.7.7"/></svg>
Cómo usar el icono Temperature Sun
React
import { Icon } from "@iconify/react";
<Icon icon="tabler:temperature-sun" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tabler:temperature-sun" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tabler:temperature-sun" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--temperature-sun]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:temperature-sun"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tabler:temperature-sun"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/tabler/temperature-sun.svg" alt="Icono Temperature Sun" width="24" height="24">
Iconos relacionados en Tabler Icons
Preguntas frecuentes sobre Icono Temperature Sun
¿El icono Temperature Sun es gratis para uso comercial?
Sí. Tabler Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Temperature Sun en React?
Instala @iconify/react y renderiza <Icon icon="tabler:temperature-sun" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Temperature Sun a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/tabler/temperature-sun.svg" alt="Icono Temperature Sun">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Tabler Icons →
ICONYZ
