Bulb Group Ceiling Square アイコン
cbi:bulb-group-ceiling-square
Bulb Group Ceiling Square アイコン(cbi:bulb-group-ceiling-square)は、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、groupceiling、ceilingsquare、bulbgroupceilingsquare
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.772 8.973L8.227 10.27a.74.74 0 0 1-.606 0L4.076 8.973c-.173-.086-.087-.259 0-.259l3.545-1.211a.74.74 0 0 1 .606 0l3.545 1.211c.173 0 .173.259 0 .259m1.816-2.421L8.227 4.476a.74.74 0 0 0-.606 0L2.259 6.552A.47.47 0 0 0 2 6.984V8.8c0 .173.086.346.259.433l5.362 2.075a.74.74 0 0 0 .606 0l5.361-2.075a.48.48 0 0 0 .26-.433V6.984a.48.48 0 0 0-.26-.432m5.708 9.945l-4.67 1.73q-.389.129-.778 0l-4.67-1.73c-.173-.086-.173-.346 0-.432l4.67-1.644q.389-.129.778 0l4.67 1.644c.173.086.173.346 0 .432m2.422-3.286l-7.005-2.681q-.39-.13-.779 0l-7.091 2.681c-.173.086-.346.346-.346.605v2.422c0 .259.173.518.346.605l7.005 2.681q.389.13.778 0l7.005-2.681c.173-.087.346-.346.346-.605v-2.422c.086-.259-.086-.519-.259-.605"/></svg>Bulb Group Ceiling Square アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:bulb-group-ceiling-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:bulb-group-ceiling-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:bulb-group-ceiling-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bulb-group-ceiling-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bulb-group-ceiling-square"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:bulb-group-ceiling-square"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/bulb-group-ceiling-square.svg" alt="Bulb Group Ceiling Square アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
bulb-candle
bulb-candle-hung
bulb-classic-off
bulb-filament-alt
bulb-filament-candle
bulb-flood
bulb-foh
bulb-general-group
bulb-golfball-e14
bulb-group
bulb-group-bollard-3-off
bulb-group-bollard-wall-appear
bulb-group-ceiling-flush-circular
bulb-group-ceiling-round
bulb-group-centura
bulb-group-centura-round
bulb-group-classic-3
bulb-group-classic-3-alt
bulb-group-classic-4
bulb-group-classic-4-alt
bulb-group-classic-hung-3
bulb-group-classic-hung-3-alt
bulb-group-classic-hung-4
bulb-group-classic-hung-4-alt
Bulb Group Ceiling Square アイコン のよくある質問
Bulb Group Ceiling Square アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Bulb Group Ceiling Square アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:bulb-group-ceiling-square" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bulb Group Ceiling Square アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/bulb-group-ceiling-square.svg" alt="Bulb Group Ceiling Square アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。