Bulb Group アイコン

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

cbi:bulb-group

Bulb Group アイコン(cbi:bulb-group)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Custom Brand Icons
作者: Emanuele & rchiileea
ライセンス: CC-BY-NC-SA-4.0
サイズ: 24 × 24
タグ: bulbgroup

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.245 17.72a28 28 0 0 0 2.499.114c.678 0 1.632-.032 2.5-.114l-.417 2.589a.76.76 0 0 1-.25.477l-.389.354a1 1 0 0 0-.073.076l-.411.486a.86.86 0 0 1-.655.298h-.609a.86.86 0 0 1-.655-.297l-.411-.487a1 1 0 0 0-.073-.076l-.389-.354a.77.77 0 0 1-.25-.478Zm-6.51-1.523a20.4 20.4 0 0 0 3.719-.001l-.311 1.689a.57.57 0 0 1-.186.356l-.29.263l-.055.057l-.305.361a.64.64 0 0 1-.487.222h-.454a.64.64 0 0 1-.485-.222l-.307-.361l-.055-.057l-.29-.263a.57.57 0 0 1-.185-.356ZM19.99 3.165c1.271 1.17.114 3.322-.274 4.09c-1.047.304-2.721.579-4.976.579c-2.253 0-3.928-.275-4.974-.579c-.388-.768-1.546-2.921-.275-4.09c1.359-1.249 5.021-1.164 5.25-1.164s3.891-.085 5.25 1.164m-5.25 5.502c1.27 0 3.12-.119 4.614-.461c-1.132 3.515-1.325 6.732-1.287 7.647a.82.82 0 0 1-.202.573l-.368.421a24 24 0 0 1-2.757.153c-1.045 0-1.964-.06-2.756-.153l-.368-.422a.8.8 0 0 1-.202-.572c.038-.915-.155-4.132-1.286-7.647c1.493.342 3.344.461 4.613.461m-5.109.355c-.581.074-1.261.121-2.039.121c-1.61 0-2.807-.201-3.554-.426c-.278-.564-1.103-2.145-.196-3.004c.969-.917 3.584-.855 3.749-.855c.045 0 .282-.004.616.009c.087 1.069.617 2.038.88 2.633c0 0 .174.423.359.925q.096.299.183.597m.188.671c.169.636.308 1.257.423 1.847c-.316 1.548-.382 2.796-.364 3.243a.57.57 0 0 1-.138.394l-.253.288a16 16 0 0 1-1.894.107c-.719 0-1.351-.041-1.895-.105l-.252-.289a.57.57 0 0 1-.14-.394c.027-.629-.106-2.839-.884-5.254c1.027.234 2.299.316 3.171.316c.618 0 1.436-.045 2.226-.152"/></svg>

Bulb Group アイコンの使い方

React

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

<Icon icon="cbi:bulb-group" width="24" />

Vue

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

<template>
  <Icon icon="cbi:bulb-group" width="24" />
</template>

Svelte

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

<Icon icon="cbi:bulb-group" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bulb-group]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bulb-group"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:bulb-group"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/bulb-group.svg" alt="Bulb Group アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

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

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。

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

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

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

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

Custom Brand Icons をすべて見る →