ICONYZ
Bahasa Indonesia
Ikon Lightbulb dari Font Awesome Regular

Ikon Lightbulb

fa7-regular:lightbulb

Ikon Lightbulb (fa7-regular:lightbulb) adalah ikon SVG gratis dari set Font Awesome Regular karya Dave Gandy. Ikon ini digambar pada grid 640 × 640. Font Awesome Regular 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
Font Awesome Regular
Pembuat
Dave Gandy
Lisensi
CC-BY-4.0
Ukuran
640 × 640
Kategori
Energi, Pemasaran, Peta, Rumah tangga, Status, Benda
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M424.5 355.1C449 329.2 464 294.4 464 256c0-79.5-64.5-144-144-144s-144 64.5-144 144c0 38.4 15 73.2 39.5 99.1c21.3 22.4 44.9 54 53.3 92.9h102.4c8.4-39 32-70.5 53.3-92.9m34.8 33C435.7 413 416 443.4 416 477.7V496c0 44.2-35.8 80-80 80h-32c-44.2 0-80-35.8-80-80v-18.3c0-34.3-19.7-64.7-43.3-89.6C148 353.7 128 307.2 128 256c0-106 86-192 192-192s192 86 192 192c0 51.2-20 97.7-52.7 132.1M272 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6 39.4-88 88-88c13.3 0 24 10.7 24 24s-10.7 24-24 24c-22.1 0-40 17.9-40 40"/></svg>

Cara memakai ikon Lightbulb

React

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

<Icon icon="fa7-regular:lightbulb" width="24" />

Vue

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

<template>
  <Icon icon="fa7-regular:lightbulb" width="24" />
</template>

Svelte

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

<Icon icon="fa7-regular:lightbulb" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fa7-regular:lightbulb"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fa7-regular/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. Font Awesome Regular 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="fa7-regular: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/fa7-regular/lightbulb.svg" alt="Ikon Lightbulb">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Font Awesome Regular →