Lightbulb アイコン
fa-regular:lightbulb
Lightbulb アイコン(fa-regular:lightbulb)は、Font Awesome 5 Regular セットの無料 SVG アイコンです（作者: Dave Gandy）。 352 × 512 のグリッドで描かれています。 Font Awesome 5 Regular icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Regular
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 352 × 512
- カテゴリ
- ステータス、エネルギー、地図、マーケティング、家庭用品、物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="352" height="512" viewBox="0 0 352 512"><path fill="currentColor" d="M176 80c-52.94 0-96 43.06-96 96c0 8.84 7.16 16 16 16s16-7.16 16-16c0-35.3 28.72-64 64-64c8.84 0 16-7.16 16-16s-7.16-16-16-16M96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78c16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07c-5.59-17.81-22.82-64.77-62.17-109.67c-20.54-23.43-31.52-53.15-31.61-84.14c-.2-73.64 59.67-128 127.95-128c70.58 0 128 57.42 128 128c0 30.97-11.24 60.85-31.65 84.14c-39.11 44.61-56.42 91.47-62.1 109.46a47.5 47.5 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176C352 78.8 273.2 0 176 0"/></svg>
Lightbulb アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-regular:lightbulb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-regular:lightbulb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-regular:lightbulb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-regular--lightbulb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-regular -->
<div class="i-fa-regular:lightbulb"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-regular:lightbulb"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-regular/lightbulb.svg" alt="Lightbulb アイコン" width="24" height="24">
他のアイコンセットの Lightbulb アイコン
Lightbulb アイコン のよくある質問
Lightbulb アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Regular icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Lightbulb アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-regular:lightbulb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lightbulb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-regular/lightbulb.svg" alt="Lightbulb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Regular アイコン をすべて見る →
ICONYZ
