ICONYZ
Bahasa Indonesia
Ikon Round Brightness 5 dari Google Material Icons

Ikon Round Brightness 5

ic:round-brightness-5

Ikon Round Brightness 5 (ic:round-brightness-5) adalah ikon SVG gratis dari set Google Material Icons karya Material Design Authors. Ikon ini digambar pada grid 24 × 24. Google Material 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
Google Material Icons
Pembuat
Material Design Authors
Lisensi
Apache-2.0
Ukuran
24 × 24
Kategori
Gambar
Tag
5, brightness, circle, control, crescent, level, moon, screen, sun, image, roundbrightness
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20 15.31l2.6-2.6a.996.996 0 0 0 0-1.41L20 8.69V5c0-.55-.45-1-1-1h-3.69l-2.6-2.6a.996.996 0 0 0-1.41 0L8.69 4H5c-.55 0-1 .45-1 1v3.69l-2.6 2.6a.996.996 0 0 0 0 1.41L4 15.3V19c0 .55.45 1 1 1h3.69l2.6 2.6c.39.39 1.02.39 1.41 0l2.6-2.6H19c.55 0 1-.45 1-1zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6s6 2.69 6 6s-2.69 6-6 6"/></svg>

Cara memakai ikon Round Brightness 5

React

import { Icon } from "@iconify/react";

<Icon icon="ic:round-brightness-5" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ic:round-brightness-5" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ic:round-brightness-5" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--round-brightness-5]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:round-brightness-5"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ic:round-brightness-5"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ic/round-brightness-5.svg" alt="Ikon Round Brightness 5" width="24" height="24">

Ikon terkait di Google Material Icons

FAQ Ikon Round Brightness 5

Apakah ikon Round Brightness 5 gratis untuk penggunaan komersial?

Ya. Google Material Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Round Brightness 5 di React?

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

Bagaimana cara menambahkan ikon Round Brightness 5 ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ic/round-brightness-5.svg" alt="Ikon Round Brightness 5">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Google Material Icons →