Lightbulb Sparkles アイコン

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

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:lightbulb-sparkles

Lightbulb Sparkles アイコン(keyline-icons:lightbulb-sparkles)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: lightbulbsparkles、sparkle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M9 18L15 18M11 22L13 22M5.0718 14C4.3697 12.7838 4 11.4043 4 10C4 5.5817 7.5817 2 12 2M20 10C20 11.4043 19.6303 12.7838 18.9282 14"/><path fill="currentColor" d="M12.5492 6.3739L13.1373 7.8648C13.3173 8.3213 13.6787 8.6827 14.1352 8.8627L15.6261 9.4508C15.8518 9.5397 16 9.7576 16 10C16 10.2424 15.8518 10.4603 15.6261 10.5492L14.1352 11.1373C13.6787 11.3173 13.3173 11.6787 13.1373 12.1352L12.5492 13.6261C12.4603 13.8518 12.2424 14 12 14C11.7576 14 11.5397 13.8518 11.4508 13.6261L10.8627 12.1352C10.6827 11.6787 10.3213 11.3173 9.8648 11.1373L8.3739 10.5492C8.1482 10.4603 8 10.2424 8 10C8 9.7576 8.1482 9.5397 8.3739 9.4508L9.8648 8.8627C10.3213 8.6827 10.6827 8.3213 10.8627 7.8648L11.4508 6.3739C11.5397 6.1482 11.7576 6 12 6C12.2424 6 12.4603 6.1482 12.5492 6.3739ZM17.8433 2.2337L18.2108 3.1655C18.3233 3.4508 18.5492 3.6767 18.8345 3.7892L19.7663 4.1567C19.9074 4.2123 20 4.3485 20 4.5C20 4.6515 19.9074 4.7877 19.7663 4.8433L18.8345 5.2108C18.5492 5.3233 18.3233 5.5492 18.2108 5.8345L17.8433 6.7663C17.7877 6.9074 17.6515 7 17.5 7C17.3485 7 17.2123 6.9074 17.1567 6.7663L16.7892 5.8345C16.6767 5.5492 16.4508 5.3233 16.1655 5.2108L15.2337 4.8433C15.0926 4.7877 15 4.6515 15 4.5C15 4.3485 15.0926 4.2123 15.2337 4.1567L16.1655 3.7892C16.4508 3.6767 16.6767 3.4508 16.7892 3.1655L17.1567 2.2337C17.2123 2.0926 17.3485 2 17.5 2C17.6515 2 17.7877 2.0926 17.8433 2.2337Z" stroke="none"/></g></svg>

Lightbulb Sparkles アイコンの使い方

React

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

<Icon icon="keyline-icons:lightbulb-sparkles" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:lightbulb-sparkles" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:lightbulb-sparkles" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="keyline-icons:lightbulb-sparkles"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/lightbulb-sparkles.svg" alt="Lightbulb Sparkles アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Lightbulb Sparkles アイコンのよくある質問

Lightbulb Sparkles アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Lightbulb Sparkles アイコンを使うには?

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

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

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

Keyline Icons をすべて見る →