Ikon Lightbulb
fluent-mdl2:lightbulb
Ikon Lightbulb (fluent-mdl2:lightbulb) 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
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M960 0q97 0 187 25t168 71t143 110t110 142t71 169t25 187q0 145-55 269t-157 225q-83 82-127 183t-45 219v256q0 40-15 75t-41 61t-61 41t-75 15H832q-40 0-75-15t-61-41t-41-61t-15-75v-256q0-118-44-219t-128-183q-102-101-157-225t-55-269q0-97 25-187t71-168t110-143T604 96t169-71T960 0m128 1920q26 0 45-19t19-45v-192H768v192q0 26 19 45t45 19zm67-384q13-129 66-234t143-196q83-84 127-183t45-219q0-119-45-224t-124-183t-183-123t-224-46q-119 0-224 45T553 297T430 480t-46 224q0 119 44 218t128 184q90 91 143 196t66 234z"/></svg>
Cara memakai ikon Lightbulb
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:lightbulb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:lightbulb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:lightbulb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--lightbulb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:lightbulb"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:lightbulb"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/lightbulb.svg" alt="Ikon Lightbulb" width="24" height="24">
Ikon Lightbulb di set ikon lain
FAQ Ikon Lightbulb
Apakah ikon Lightbulb 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 Lightbulb di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:lightbulb" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lightbulb ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/lightbulb.svg" alt="Ikon Lightbulb">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent UI MDL2 →
ICONYZ
