Bulbs Filament アイコン
cbi:bulbs-filament
Bulbs Filament アイコン(cbi:bulbs-filament)は、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
- タグ
- bulbsfilament、bulb
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.6 16.452q.017.331.134.641a.91.91 0 0 1-.292 1.006l-.358 2.213a.75.75 0 0 1-.25.474l-.392.357l-.075.075l-.408.483a.83.83 0 0 1-.65.299h-.617a.83.83 0 0 1-.65-.3l-.408-.482l-.075-.075l-.392-.358a.75.75 0 0 1-.25-.473l-.358-2.238a.91.91 0 0 1-.292-1.006a2.1 2.1 0 0 0 .133-.641q1.396.156 2.8.158c.734 0 1.567-.05 2.4-.133m4.067-7.785a6.67 6.67 0 0 1-.884 3.326l-.091.142a7 7 0 0 1-.258.392c-1.134 1.646-2.059 2.004-2.625 3.068a23 23 0 0 1-2.592.142q-1.523 0-3.033-.184c-.567-1.03-1.484-1.405-2.6-3.027c-.092-.125-.175-.258-.259-.392l-.091-.141a6.64 6.64 0 0 1 .656-7.612a6.675 6.675 0 0 1 7.394-1.978a6.66 6.66 0 0 1 4.383 6.264m-5 .474a.965.965 0 0 0 0-1.855l-2.583-.707c-.234-.059-.359-.184-.359-.267s.125-.199.342-.266l2.683-.665a.4.4 0 0 0 .3-.499a.425.425 0 0 0-.5-.308l-2.691.666a1.18 1.18 0 0 0-.967 1.073a1.175 1.175 0 0 0 .967 1.072l2.566.716a.13.13 0 0 1 .1.133a.125.125 0 0 1-.1.125l-3.091.832a.94.94 0 0 0-.709.923a.956.956 0 0 0 .709.931l2.583.658c.233.058.358.183.358.266s-.125.199-.341.266l-2.6.607a.418.418 0 1 0 .091.832h.1l2.617-.608a1.18 1.18 0 0 0 .967-1.073a1.18 1.18 0 0 0-.959-1.064l-2.575-.707a.117.117 0 0 1-.1-.125a.125.125 0 0 1 .1-.125Z"/></svg>Bulbs Filament アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:bulbs-filament" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:bulbs-filament" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:bulbs-filament" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bulbs-filament]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bulbs-filament"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:bulbs-filament"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/bulbs-filament.svg" alt="Bulbs Filament アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Bulbs Filament アイコン のよくある質問
Bulbs Filament アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Bulbs Filament アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:bulbs-filament" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bulbs Filament アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/bulbs-filament.svg" alt="Bulbs Filament アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。