Bulb Group icon

cbi:bulb-group

The Bulb Group icon (cbi:bulb-group) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24
Tags: bulbgroup

Download SVG

SVG code

<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>

How to use the Bulb Group icon

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 component

<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 image

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

Related icons in Custom Brand Icons

Bulb Group icon FAQ

Is the Bulb Group icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Bulb Group icon in React?

Install @iconify/react and render <Icon icon="cbi:bulb-group" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bulb Group icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/bulb-group.svg" alt="Bulb Group icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →