Yeelight Bulb icon

cbi:yeelight-bulb

The Yeelight Bulb icon (cbi:yeelight-bulb) 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: yeelightbulb

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="m13.747 18.844l-.171-.082q.012-.286.02-.57a12 12 0 0 1-3.223.042q.008.265.012.528l-.169.082a1 1 0 0 0 .165.167v.322l-.133.042v.114l.136.065v.379l-.135.064v.114l.133.041v.323a1 1 0 0 0-.163.166l.141.076a.74.74 0 0 0 .172.381c.115.1.282.136.403.224c.092.082.148.202.236.29c.11.076.259.09.372.161a1 1 0 0 1 .183.227h.503a1 1 0 0 1 .184-.229c.108-.062.24-.084.35-.143c.1-.08.159-.22.26-.302c.12-.087.289-.127.402-.224a.7.7 0 0 0 .172-.38l.142-.076a1 1 0 0 0-.165-.165v-.324l.132-.041v-.114l-.136-.064v-.379l.137-.065v-.114l-.132-.042v-.322a1.2 1.2 0 0 0 .172-.172m-.376.673v.091l-.11.053v.302l.109.051v.092l-.107.033v.259a.8.8 0 0 1 .131.133l-.114.061a.6.6 0 0 1-.137.302c-.093.078-.228.11-.325.181c-.081.069-.125.182-.208.246c-.089.047-.195.065-.281.115a1 1 0 0 0-.148.183h-.403a1 1 0 0 0-.146-.181c-.092-.057-.212-.069-.302-.131c-.072-.068-.116-.166-.189-.232c-.101-.071-.232-.101-.325-.181a.6.6 0 0 1-.138-.302l-.112-.061a.8.8 0 0 1 .131-.133v-.259l-.106-.033v-.092l.109-.051v-.302l-.11-.053v-.091l.105-.033v-.259a1 1 0 0 1-.132-.134l.136-.067q-.001-.211-.011-.423a9.8 9.8 0 0 0 2.588-.034c0 .152-.01.302-.016.457l.137.067a1 1 0 0 1-.133.134v.259Zm2.756-12.139a14 14 0 0 0-2.438-.201h-.143c-.516-.014-1.032-.01-1.55-.006h-.805c-.654 0-1.309-.01-1.952.01a9.5 9.5 0 0 0-1.362.117l-.41.063l.015.415q.023.719.044 1.439c.02.739.041 1.476.074 2.215l.007.136a5 5 0 0 0 .084.797a4.6 4.6 0 0 0 .672 1.625a4 4 0 0 0 .287.377a2.6 2.6 0 0 1 .276.379a2.3 2.3 0 0 1 .262 1.115c.005.127 0 .255 0 .384s-.011.286 0 .477a.78.78 0 0 0 .225.55c.088.087.184.164.281.242c.064.052.129.101.19.16l.106.101l.143.023a11 11 0 0 0 1.697.127q.506 0 1.06-.039l.115-.014a7 7 0 0 0 .812-.112a1.1 1.1 0 0 0 .578-.357l.077-.076a1.5 1.5 0 0 0 .258-.311l.044-.101a1.4 1.4 0 0 0 .041-.403c0-.348-.007-.697 0-1.045a1.5 1.5 0 0 1 .164-.611a2 2 0 0 1 .248-.358c.08-.1.162-.201.237-.319a5.2 5.2 0 0 0 .893-2.558c.038-1.248.075-2.498.151-3.745l.025-.41Zm-.246 4.223a4.73 4.73 0 0 1-.811 2.308a7 7 0 0 0-.518.734a2 2 0 0 0-.212.806v1.06a1 1 0 0 1-.021.264a1.6 1.6 0 0 1-.246.277a.75.75 0 0 1-.348.24a8 8 0 0 1-.893.119a11.6 11.6 0 0 1-2.635-.084c-.148-.139-.319-.252-.463-.394a.38.38 0 0 1-.088-.277c-.008-.273.022-.546.011-.82a2.7 2.7 0 0 0-.326-1.334c-.161-.286-.396-.503-.575-.774a4.1 4.1 0 0 1-.604-1.455a5.6 5.6 0 0 1-.081-.866c-.055-1.216-.075-2.432-.118-3.648a9 9 0 0 1 1.294-.111c.722-.022 1.444-.013 2.167-.008c.705 0 1.41-.017 2.115 0a14.6 14.6 0 0 1 2.5.201c-.071 1.254-.11 2.509-.148 3.762m-5.488-2.562v1.287q.506.195 1.007.383v-.434l-.595-.225l-.012-.417q.489.184.975.372v.844h.418v-.844q.486-.188.976-.372c0 .139-.009.278-.013.417l-.596.225v.434q.509-.188 1.007-.383V9.039c-.522.178-1.031.439-1.565.573a13 13 0 0 1-1.602-.573M8.035 6.74a16 16 0 0 1 2.043-.101h.283c.525.008 1.045 0 1.563 0c1.097-.005 2.138-.008 3.222.068a8 8 0 0 1 .806.101l.566.101v-.858a14 14 0 0 0-.13-2.428a1.49 1.49 0 0 0-.818-1.071a4.7 4.7 0 0 0-1.356-.386a18 18 0 0 0-3.05-.156a9.4 9.4 0 0 0-2.045.269a2.7 2.7 0 0 0-1.239.653a1.2 1.2 0 0 0-.373.843c-.022.721-.02 1.444-.018 2.165v.873Z"/></svg>

How to use the Yeelight Bulb icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Custom Brand Icons

Yeelight Bulb icon FAQ

Is the Yeelight Bulb 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 Yeelight Bulb icon in React?

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

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

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

Browse all Custom Brand Icons →