Icono Temperature Outline
solar:temperature-outline
El icono Temperature Outline (solar:temperature-outline) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Clima
- Etiquetas
- temperatureoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.25 5C8.25 2.92893 9.92893 1.25 12 1.25C14.0711 1.25 15.75 2.92893 15.75 5V11.3477C15.75 11.42 15.7896 11.5273 15.9078 11.6221C17.3345 12.7663 18.25 14.5265 18.25 16.5C18.25 19.9518 15.4518 22.75 12 22.75C8.54822 22.75 5.75 19.9518 5.75 16.5C5.75 14.5265 6.66555 12.7663 8.09215 11.6221C8.21038 11.5273 8.25 11.42 8.25 11.3477V5ZM12 2.75C10.7574 2.75 9.75 3.75736 9.75 5V11.3477C9.75 11.9513 9.43973 12.4642 9.03066 12.7923C7.94374 13.664 7.25 15.0007 7.25 16.5C7.25 19.1234 9.37665 21.25 12 21.25C14.6234 21.25 16.75 19.1234 16.75 16.5C16.75 15.0007 16.0563 13.664 14.9693 12.7923C14.5603 12.4642 14.25 11.9513 14.25 11.3477V5C14.25 3.75736 13.2426 2.75 12 2.75ZM12 4.25C12.4142 4.25001 12.75 4.58581 12.75 5.00002L12.7498 13.3369C14.1831 13.6754 15.2498 14.9631 15.2498 16.4999C15.2498 18.2948 13.7947 19.7499 11.9998 19.7499C10.2048 19.7499 8.74977 18.2948 8.74977 16.4999C8.74977 14.9631 9.81643 13.6754 11.2498 13.3368L11.25 4.99998C11.25 4.58577 11.5858 4.24999 12 4.25ZM11.9998 14.7499C11.0333 14.7499 10.2498 15.5334 10.2498 16.4999C10.2498 17.4664 11.0333 18.2499 11.9998 18.2499C12.9663 18.2499 13.7498 17.4664 13.7498 16.4999C13.7498 15.5334 12.9663 14.7499 11.9998 14.7499Z" clip-rule="evenodd"/></svg>Cómo usar el icono Temperature Outline
React
import { Icon } from "@iconify/react";
<Icon icon="solar:temperature-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:temperature-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:temperature-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--temperature-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:temperature-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:temperature-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/temperature-outline.svg" alt="Icono Temperature Outline" width="24" height="24">Iconos relacionados en Solar
El icono Temperature Outline en otras colecciones
Preguntas frecuentes sobre Icono Temperature Outline
¿El icono Temperature Outline es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Temperature Outline en React?
Instala @iconify/react y renderiza <Icon icon="solar:temperature-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Temperature Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/temperature-outline.svg" alt="Icono Temperature Outline">, o pega el código SVG en línea para darle estilo con CSS.