Ikon Temperature Outline

solar:temperature-outline

Ikon Temperature Outline (solar:temperature-outline) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Cuaca
Tag: temperatureoutline

Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/temperature-outline.svg" alt="Ikon Temperature Outline" width="24" height="24">

Ikon terkait di Solar

Ikon Temperature Outline di set ikon lain

FAQ Ikon Temperature Outline

Apakah ikon Temperature Outline gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Temperature Outline di React?

Pasang @iconify/react lalu render <Icon icon="solar:temperature-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Temperature Outline ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/temperature-outline.svg" alt="Ikon Temperature Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →