Light Bulb アイコン

Q: Light Bulb アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:light-bulb

Light Bulb アイコン(emojione-v1:light-bulb)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (v1)
作者: Emoji One
ライセンス: CC-BY-SA-4.0
サイズ: 64 × 64
カテゴリ: 物
タグ: lightbulb

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#808283" d="M36.934 56.928c0-1.811-2.252-2.34-4.66-2.34s-4.659.529-4.659 2.34c0 1.807 2.251 7.209 4.659 7.209s4.66-5.403 4.66-7.209"/><path fill="#ecd99b" d="M57.55 12.686C57.55 2.866 45.333 0 32.28 0C19.21 0 7.003 2.866 7.003 12.686c0 9.809 12.212 39.1 25.277 39.1c13.06 0 25.27-29.29 25.27-39.1"/><path fill="#e0cf35" d="M55.36 14.09c0-8.972-11.157-11.589-23.08-11.589c-11.928 0-23.09 2.617-23.09 11.589c0 8.957 11.158 35.716 23.09 35.716c11.927.002 23.08-26.759 23.08-35.716"/><path fill="#919396" d="M39.525 51.79H25.022c-.125 0-.223.032-.223.077v4.82c0 .037.098.071.223.071h14.504a.4.4 0 0 0 .151-.022h.005l.004-.004c.035-.008.06-.026.06-.045v-4.82c0-.045-.096-.077-.221-.077"/><path fill="#bcbcbe" d="M41.947 47.06H22.602c-.159 0-.292.047-.292.104v6.426c0 .057.133.1.292.1h19.345a.6.6 0 0 0 .197-.023l.004-.004v-.002q.078-.028.078-.07v-6.425c0-.059-.131-.106-.289-.106"/><path fill="#fff" d="M45.641 6.898c-4.558-1.13-9.887-.434-13.953 1.815a12.6 12.6 0 0 0-2.837 2.118c-.547.542.271 1.087.934.776c4.2-1.953 9.474-2.48 13.967-1.365c3.483.862 6.763 2.872 7.595 5.835c.168.613 1.15.635 1.387.002c.311-.868.396-1.737.322-2.629c-.389-3.287-3.65-5.618-7.415-6.552M27.604 30.732c.227-.647.701-1.425 1.278-1.803c.072-.044.161-.032.1-.083c.127.107.163.37.201.518c.104.41.161.813.33 1.2c.171.388.667.329.934.118c1.123-.884 1.273-2.55 2.404-3.388c-.271-.073-.543-.143-.807-.215c.569.784.52 1.827.862 2.717c.157.416.645.595.991.263c.328-.312.553-.71.871-1.033c.239-.243.332.3.406.454c.195.42.697.581 1.117.607c.505.032.921-.352 1.405-.398c.758-.064.762-1.26.002-1.194c-.255.018-.474.07-.709.159c-.199.07-.573.312-.792.217c-.04-.02-.135-.375-.163-.426a1.2 1.2 0 0 0-.494-.485c-.431-.235-1.01-.193-1.417.06c-.441.285-.693.832-1.066 1.194q.495.13.99.267c-.382-.995-.338-2.122-.982-3.01c-.176-.239-.531-.418-.811-.211c-.635.466-1.045 1.071-1.411 1.763c-.346.665-.641 1.342-1.242 1.813c.314.042.621.078.934.123c-.223-.507-.217-1.088-.456-1.602c-.251-.549-.84-.756-1.397-.631c-1.071.231-1.889 1.733-2.226 2.687c-.253.729.893 1.039 1.148.318m1.098 5.244c.295-.647.824-1.763 1.636-1.871a26 26 0 0 1-.577-.434c.298.717.406 1.495.617 2.241c.123.44.668.573.995.263c.832-.813 1.01-2.058 1.839-2.865c-.312-.041-.625-.084-.937-.119c.248.401.244.863.275 1.322c.036.465.125.895.342 1.307c.191.363.655.355.93.121c.388-.322 1.332-1.629 1.83-.976c.461.604 1.494.009 1.025-.603c-.506-.659-1.174-1.018-1.982-.653c-.68.308-1.153.915-1.713 1.388c.312.039.623.075.938.119c-.213-.402-.189-.88-.225-1.324c-.038-.463-.146-.904-.396-1.308a.596.596 0 0 0-.931-.119c-.836.812-1.019 2.065-1.837 2.862c.329.092.659.175.988.265c-.21-.75-.317-1.519-.617-2.243c-.092-.227-.291-.474-.569-.438c-1.322.169-2.132 1.32-2.663 2.464c-.317.694.706 1.302 1.032.601"/><g fill="#9d9ea0"><path d="M30.78 46.16a.72.72 0 0 1-.545.854a.71.71 0 0 1-.844-.546l-4.562-21.09a.727.727 0 0 1 .547-.856a.713.713 0 0 1 .844.553l4.56 21.08m2.663-.005a.71.71 0 0 0 .541.855a.713.713 0 0 0 .846-.547l4.52-21.09a.717.717 0 0 0-.545-.85a.71.71 0 0 0-.848.549l-4.514 21.09"/><path d="m25.593 24.893l-.432-.732c.07-.042 1.775-1.055 4.299-1.572c2.343-.478 5.851-.591 9.265 1.568l-.445.721c-6.098-3.855-12.623-.025-12.687.015"/></g></svg>

Light Bulb アイコンの使い方

React

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

<Icon icon="emojione-v1:light-bulb" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:light-bulb" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:light-bulb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--light-bulb]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:light-bulb"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:light-bulb"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/light-bulb.svg" alt="Light Bulb アイコン" width="24" height="24">

Emoji One (v1) の関連アイコン

他のアイコンセットの Light Bulb アイコン

Light Bulb アイコンのよくある質問

Light Bulb アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Light Bulb アイコンを使うには?

@iconify/react をインストールして <Icon icon="emojione-v1:light-bulb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Light Bulb アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/light-bulb.svg" alt="Light Bulb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (v1) アイコンをすべて見る →