ICONYZ
Bahasa Indonesia
Ikon Lightbulb dari CoreUI Free

Ikon Lightbulb

cil:lightbulb

Ikon Lightbulb (cil:lightbulb) adalah ikon SVG gratis dari set CoreUI Free karya creativeLabs Łukasz Holeczek. Ikon ini digambar pada grid 512 × 512. CoreUI Free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
CoreUI Free
Pembuat
creativeLabs Łukasz Holeczek
Lisensi
CC-BY-4.0
Ukuran
512 × 512
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M252.592 496h6.816a108.12 108.12 0 0 0 108-108v-55.692a177.48 177.48 0 0 0 66.37-138.531C433.778 95.751 354.027 16 256 16S78.222 95.751 78.222 193.777a177.48 177.48 0 0 0 66.371 138.531V388a108.12 108.12 0 0 0 107.999 108m6.816-32h-6.816a76.11 76.11 0 0 1-70.631-48H330.04a76.11 76.11 0 0 1-70.632 48m76-80H176.593v-40h158.815ZM110.222 193.777C110.222 113.4 175.618 48 256 48s145.778 65.4 145.778 145.777a146.4 146.4 0 0 1-59.817 117.737l-.661.486H170.7l-.665-.486a146.4 146.4 0 0 1-59.813-117.737"/></svg>

Cara memakai ikon Lightbulb

React

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

<Icon icon="cil:lightbulb" width="24" />

Vue

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

<template>
  <Icon icon="cil:lightbulb" width="24" />
</template>

Svelte

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

<Icon icon="cil:lightbulb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--lightbulb]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:lightbulb"></div>

Web component

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

<iconify-icon icon="cil:lightbulb"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/cil/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. CoreUI Free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Lightbulb di React?

Pasang @iconify/react lalu render <Icon icon="cil: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/cil/lightbulb.svg" alt="Ikon Lightbulb">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon CoreUI Free →