ICONYZ
日本語
Custom Brand Icons の Bulb Group Filament Spot アイコン

Bulb Group Filament Spot アイコン

cbi:bulb-group-filament-spot

Bulb Group Filament Spot アイコン(cbi:bulb-group-filament-spot)は、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、groupfilament、filamentspot、bulbgroupfilamentspot
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.417 16.337a.87.87 0 0 0 .235.707c.237.471 0 .707-.235.943l-.472 2.357c0 .235 0 .235-.236.471l-.471.236l-.471.707a.87.87 0 0 1-.708.236h-.467a.87.87 0 0 1-.707-.236l-.471-.472l-.472-.471c0-.236-.236-.236-.236-.471l-.235-2.357c-.236-.236-.472-.472-.236-.943c0-.236.236-.472.236-.707c.943 0 1.885.235 2.828.235a7.3 7.3 0 0 0 2.122-.235m4.243-7.544a5.4 5.4 0 0 1-.943 3.296v.236c-.235 0-.235 0-.471.235c-.943 1.65-1.886 1.886-2.597 3.065c-.943 0-1.65.235-2.597.235a13.5 13.5 0 0 1-3.061-.231c-.471-1.179-1.414-1.415-2.596-3.065c0-.235-.236-.235-.236-.471v-.236a6.4 6.4 0 0 1 .711-7.541a6.89 6.89 0 0 1 7.543-1.888a7.04 7.04 0 0 1 4.243 6.365Zm-5.186.471a1.3 1.3 0 0 0 .707-1.178a.625.625 0 0 0-.707-.707l-2.597-.707a.82.82 0 0 1-.471-.236l.235-.236l2.597-.707a.23.23 0 0 0 .236-.236v-.235c0-.237-.236-.473-.472-.237l-2.357.472a1.08 1.08 0 0 0-.943 1.179a1.57 1.57 0 0 0 .943 1.178l2.597.708v.471l-3.064.471c-.472 0-.707.472-.707.943s.235.707.707.943l2.597.707a.82.82 0 0 1 .471.236l-.236.236l-2.84.476a.471.471 0 1 0 0 .943l2.597-.707a1.08 1.08 0 0 0 .942-1.179a1.014 1.014 0 0 0-.942-.943l-2.357-.707v-.476ZM5.396 16.572a.51.51 0 0 0 .471.472a.51.51 0 0 0 .472-.472v-.708a2.13 2.13 0 0 1-1.179-.235Zm1.885-8.489a6.3 6.3 0 0 1 .707-2.829c-.235.236-.471 0-.942 0a8.2 8.2 0 0 0-4.715 1.179v.236c0 .942 2.122 1.414 4.715 1.414Zm1.418 4.953c0-.236-.235-.236-.235-.472v-.235a6.35 6.35 0 0 1-1.179-3.536h-.239a13.4 13.4 0 0 1-4.238-.707a5.16 5.16 0 0 0 1.885 3.296a1.03 1.03 0 0 1 .236.707v1.886a.87.87 0 0 0 .236.707a1.84 1.84 0 0 0 1.886.471a2.54 2.54 0 0 0 1.885-.471a.87.87 0 0 0 .236-.707v-.236c-.236-.236-.236-.472-.472-.707m-1.178 3.536c0 .236.236.472.707.472a.51.51 0 0 0 .471-.472v-1.175c-.471.236-.707.236-1.178.471Z"/></svg>

Bulb Group Filament Spot アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Custom Brand Icons の関連アイコン

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

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

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

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

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

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

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

Custom Brand Icons をすべて見る →