Ikon Lower Brightness
fluent-mdl2:lower-brightness
Ikon Lower Brightness (fluent-mdl2:lower-brightness) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- lowerbrightness
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M960 512q93 0 174 35t143 96t96 142t35 175q0 93-35 174t-96 143t-142 96t-175 35q-93 0-174-35t-143-96t-96-142t-35-175q0-93 35-174t96-143t142-96t175-35m0 768q66 0 124-25t101-68t69-102t26-125t-25-124t-69-101t-102-69t-124-26t-124 25t-102 69t-69 102t-25 124t25 124t68 102t102 69t125 25m64-896H896V192h128zM507 598L372 462l90-90l136 135zm-123 426H192V896h192zm123 298l91 91l-136 135l-90-90zm389 214h128v192H896zm517-214l135 136l-90 90l-136-135zm315-426v128h-192V896zm-315-298l-91-91l136-135l90 90z"/></svg>Cara memakai ikon Lower Brightness
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:lower-brightness" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:lower-brightness" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:lower-brightness" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--lower-brightness]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:lower-brightness"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:lower-brightness"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/lower-brightness.svg" alt="Ikon Lower Brightness" width="24" height="24">FAQ Ikon Lower Brightness
Apakah ikon Lower Brightness gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Lower Brightness di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:lower-brightness" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lower Brightness ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/lower-brightness.svg" alt="Ikon Lower Brightness">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.