Ikon Brightness
bx:brightness
Ikon Brightness (bx:brightness) adalah ikon SVG gratis dari set BoxIcons v2 karya Boxicons. Ikon ini digambar pada grid 24 × 24. BoxIcons v2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- BoxIcons v2
- Pembuat
- Boxicons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- bx brightness
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.707 9.293L19 8.586V6a1 1 0 0 0-1-1h-2.586l-.707-.707l-2-2a1 1 0 0 0-1.414 0l-2 2L8.586 5H6a1 1 0 0 0-1 1v2.586l-.707.707l-2 2a1 1 0 0 0 0 1.414l2 2l.707.707V18a1 1 0 0 0 1 1h2.586l.707.707l2 2a.997.997 0 0 0 1.414 0l2-2l.707-.707H18a1 1 0 0 0 1-1v-2.586l.707-.707l2-2a1 1 0 0 0 0-1.414zm-2.414 5l-.293.293V17h-2.414l-.293.293l-1 1L12 19.586l-1.293-1.293l-1-1L9.414 17H7v-2.414l-.293-.293l-1-1L4.414 12l1.293-1.293l1-1L7 9.414V7h2.414l.293-.293l1-1L12 4.414l1.293 1.293l1 1l.293.293H17v2.414l.293.293l1 1L19.586 12l-1.293 1.293z"/><path fill="currentColor" d="M12 8c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4"/></svg>
Cara memakai ikon Brightness
React
import { Icon } from "@iconify/react";
<Icon icon="bx:brightness" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bx:brightness" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bx:brightness" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bx--brightness]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bx -->
<div class="i-bx:brightness"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bx:brightness"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/bx/brightness.svg" alt="Ikon Brightness" width="24" height="24">
Ikon terkait di BoxIcons v2
Ikon Brightness di set ikon lain
FAQ Ikon Brightness
Apakah ikon Brightness gratis untuk penggunaan komersial?
Ya. BoxIcons v2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Brightness di React?
Pasang @iconify/react lalu render <Icon icon="bx:brightness" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Brightness ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/bx/brightness.svg" alt="Ikon Brightness">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon BoxIcons v2 →
ICONYZ
