Ikon Thermostat Arrow Up
material-symbols-light:thermostat-arrow-up
Ikon Thermostat Arrow Up (material-symbols-light:thermostat-arrow-up) 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, arrowup, thermostatarrowup, thermostat arrow up outline sharp, thermostat arrow up sharp, thermostat arrow up 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.436m13.732 3V6.916L17.4 8.4l-.708-.708L19.385 5l2.692 2.692l-.713.708l-1.48-1.479V19z"/></svg>
Cara memakai ikon Thermostat Arrow Up
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:thermostat-arrow-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:thermostat-arrow-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:thermostat-arrow-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--thermostat-arrow-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:thermostat-arrow-up"></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-up"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/thermostat-arrow-up.svg" alt="Ikon Thermostat Arrow Up" width="24" height="24">
Ikon terkait di Material Symbols Light
Ikon Thermostat Arrow Up di set ikon lain
FAQ Ikon Thermostat Arrow Up
Apakah ikon Thermostat Arrow Up 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 Up di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols-light:thermostat-arrow-up" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Thermostat Arrow Up ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols-light/thermostat-arrow-up.svg" alt="Ikon Thermostat Arrow Up">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Symbols Light →
ICONYZ
