Ikon Thermostat Arrow Down
material-symbols-light:thermostat-arrow-down
Ikon Thermostat Arrow Down (material-symbols-light:thermostat-arrow-down) 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
- Aksi UI
- Tag
- thermostatarrow, arrowdown, thermostatarrowdown, thermostat arrow down outline sharp, thermostat arrow down sharp, thermostat arrow down outline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.318 18.836Q4.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.436m14.232 3l-2.693-2.692l.714-.708l1.479 1.479V5h1v12.085l1.484-1.485l.708.708z"/></svg>
Cara memakai ikon Thermostat Arrow Down
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:thermostat-arrow-down" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:thermostat-arrow-down" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:thermostat-arrow-down" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--thermostat-arrow-down]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:thermostat-arrow-down"></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-arrow-down"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/thermostat-arrow-down.svg" alt="Ikon Thermostat Arrow Down" width="24" height="24">
Ikon terkait di Material Symbols Light
Ikon Thermostat Arrow Down di set ikon lain
FAQ Ikon Thermostat Arrow Down
Apakah ikon Thermostat Arrow Down 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 Arrow Down di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols-light:thermostat-arrow-down" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Thermostat Arrow Down ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols-light/thermostat-arrow-down.svg" alt="Ikon Thermostat Arrow Down">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Symbols Light →
ICONYZ
