Ikon Thermostat
material-symbols-light:thermostat
Ikon Thermostat (material-symbols-light:thermostat) adalah ikon SVG gratis dari set Material Symbols Light karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols Light icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Symbols Light
- Pembuat
- Google
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Kategori
- Android
- Tag
- climate, forecast, temperature, weather, device, thermostat outline, thermostat sharp, thermostat outline sharp
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.077 10.5v-1h4.846v1zm0-3.77v-1h7.846v1zM5.318 18.837Q4.154 17.67 4.154 16q0-1.046.525-1.959t1.475-1.503V6q0-.846.577-1.423T8.154 4t1.423.577T10.154 6v6.539q.95.59 1.475 1.502T12.154 16q0 1.671-1.164 2.836Q9.825 20 8.153 20t-2.836-1.164M5.154 16h6q0-.744-.4-1.436T9.609 13.33L9.154 13V6q0-.425-.288-.712T8.154 5t-.713.288T7.154 6v7l-.454.33q-.748.541-1.147 1.234q-.4.692-.4 1.436"/></svg>
Cara memakai ikon Thermostat
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:thermostat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:thermostat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:thermostat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--thermostat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:thermostat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:thermostat"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/thermostat.svg" alt="Ikon Thermostat" width="24" height="24">
Ikon terkait di Material Symbols Light
Ikon Thermostat di set ikon lain
FAQ Ikon Thermostat
Apakah ikon Thermostat gratis untuk penggunaan komersial?
Ya. Material Symbols Light icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Thermostat di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols-light:thermostat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Thermostat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols-light/thermostat.svg" alt="Ikon Thermostat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Symbols Light →
ICONYZ
