Yeelight Ceiling icon

cbi:yeelight-ceiling

The Yeelight Ceiling icon (cbi:yeelight-ceiling) 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: yeelightceiling

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="M21.267 12.952a6.4 6.4 0 0 0-1.316-.495a23 23 0 0 0-3.574-.615c-.54-.053-1.082-.1-1.623-.13c-.168-.02-.337-.011-.5-.029c-.2-.022-.407-.007-.611-.023c-.352-.027-.711-.015-1.066-.018c-.54-.006-1.081 0-1.622 0c-.284 0-.567.028-.851.027a39 39 0 0 0-3.675.32a17 17 0 0 0-2.829.609a4.1 4.1 0 0 0-1.118.525a.82.82 0 0 0-.358.488a.51.51 0 0 0 .186.425a2.8 2.8 0 0 0 .829.501a7 7 0 0 0 .933.319a21 21 0 0 0 3.025.553c.7.081 1.401.146 2.101.184c.185.024.37.012.554.034s.375 0 .563.02c.276.025.548.014.824.02c.514.02 1.029.013 1.543.007c.339-.019.675 0 1.011-.026c.187-.018.373 0 .559-.018c.213-.021.425-.018.638-.042a3 3 0 0 0 .346-.021a29 29 0 0 0 3.668-.468a9.8 9.8 0 0 0 2.26-.689a2 2 0 0 0 .592-.42a.56.56 0 0 0 .143-.3a.53.53 0 0 0-.133-.36a1.7 1.7 0 0 0-.499-.378m.703.146a.7.7 0 0 0-.2-.242a3 3 0 0 0-.729-.415a8 8 0 0 0-.865-.3a19.5 19.5 0 0 0-2.761-.538c-.901-.12-1.789-.2-2.691-.25c-.186-.023-.373-.007-.559-.029c-.212-.023-.424-.006-.638-.022c-.346-.023-.691-.013-1.038-.028c-.39-.006-.78 0-1.17.009c-.274 0-.551 0-.824.02c-.188.015-.375 0-.563.021s-.37 0-.555.029a34 34 0 0 0-3.763.4a15 15 0 0 0-1.982.46a5.6 5.6 0 0 0-.983.4a1.8 1.8 0 0 0-.518.41c-.106.109-.064.3-.06.441a.82.82 0 0 1 .389-.59a5 5 0 0 1 1.467-.638a19 19 0 0 1 2.759-.538q1.308-.171 2.628-.242c.232-.024.466-.016.7-.039c.311 0 .619-.038.93-.03q1.248-.009 2.501 0c.269.024.54.017.809.042c.165.011.33 0 .494.023a38 38 0 0 1 2.48.225a19 19 0 0 1 3.037.6a5 5 0 0 1 1.301.567a.94.94 0 0 1 .41.51a.5.5 0 0 1 0 .174c.041-.061.018-.127.017-.2a1.4 1.4 0 0 0-.023-.23m-18.822-.945a8.4 8.4 0 0 1 1.201-.384a20 20 0 0 1 2.27-.421c.909-.12 1.858-.206 2.819-.256h.007c.091-.011.182-.013.278-.015s.173 0 .261-.013c.121-.011.247-.012.369-.013s.243 0 .368-.013s.275-.013.421-.013h.2c.43-.008.869 0 1.293 0h.338c.127 0 .252 0 .384.012q.173.012.351.013a4 4 0 0 1 .384.015q.126.01.247.011a3 3 0 0 1 .277.015h.007a33 33 0 0 1 3.913.43a15 15 0 0 1 1.713.4a5.3 5.3 0 0 1 1.217.517a1.5 1.5 0 0 1 .324.288l.2.231l-.024-.417a14 14 0 0 1-.02-.413v-.041a3 3 0 0 1-.017-.373a.72.72 0 0 0-.211-.529a2.4 2.4 0 0 0-.737-.475a8.7 8.7 0 0 0-1.485-.48a26 26 0 0 0-3.801-.567l-.366-.027c-.371-.028-.755-.057-1.133-.067c-.145-.016-.289-.018-.429-.02c-.093 0-.19 0-.285-.009a20 20 0 0 0-.971-.017h-.969c-.362 0-.736 0-1.106.026q-.236-.008-.462.015a6 6 0 0 1-.391.015h-.005a32 32 0 0 0-4.601.554a12 12 0 0 0-1.289.336a4.5 4.5 0 0 0-1.1.494a1.15 1.15 0 0 0-.431.466v.008a1.8 1.8 0 0 0-.057.528v.059a1 1 0 0 1-.012.141a1.3 1.3 0 0 0-.014.2a2 2 0 0 1-.016.29L2 13.033l.245-.292a2.3 2.3 0 0 1 .903-.588m-.849.037a2 2 0 0 0 .014-.163v-.061a1.6 1.6 0 0 1 .046-.459a.96.96 0 0 1 .352-.369a4.3 4.3 0 0 1 1.044-.468a12 12 0 0 1 1.267-.331a32 32 0 0 1 4.565-.55q.206-.002.4-.015c.154-.01.3-.019.447-.014h.011c.365-.025.737-.026 1.1-.026h.972c.316 0 .641 0 .96.018q.152.008.293.008a4 4 0 0 1 .412.02h.01c.375.009.757.038 1.127.066l.366.027a26 26 0 0 1 3.773.562a8.6 8.6 0 0 1 1.448.467a2.2 2.2 0 0 1 .672.43a.5.5 0 0 1 .151.373a3 3 0 0 0 .018.4v.032c0 .083.007.166.011.248a1.4 1.4 0 0 0-.17-.126a5.5 5.5 0 0 0-1.267-.54a16 16 0 0 0-1.738-.406a33 33 0 0 0-3.934-.433a3 3 0 0 0-.3-.017c-.08 0-.155 0-.231-.01a4 4 0 0 0-.406-.015q-.168-.002-.336-.014a4 4 0 0 0-.4-.012h-.336c-.425 0-.865-.007-1.3 0h-.2c-.144 0-.292 0-.44.013c-.116.01-.235.011-.351.012s-.256 0-.388.014q-.119.01-.245.012c-.085.002-.2.005-.294.017c-.966.05-1.919.136-2.833.257a20 20 0 0 0-2.293.426a8.5 8.5 0 0 0-1.237.394a3 3 0 0 0-.779.443v-.04a1 1 0 0 1 .02-.17Zm.877-1.738q.151-.067.295-.121a11 11 0 0 1 1.485-.415a30 30 0 0 1 4.425-.548h.008a3 3 0 0 1 .262-.013c.094 0 .192 0 .29-.015a3 3 0 0 1 .278-.012h.186c.062 0 .141-.006.209-.01q.157-.01.307-.012h.618c.222 0 .452-.005.679 0h.846q.202 0 .4.012c.198.012.276.016.417.014q.134 0 .277.012c.096.007.2.015.3.014a34 34 0 0 1 3.901.417a13 13 0 0 1 2.271.575c.16.059.312.127.439.186l.211.1l-.026-.25a.77.77 0 0 0-.134-.423a1.4 1.4 0 0 0-.39-.333a5.6 5.6 0 0 0-1.345-.538a21 21 0 0 0-3.124-.555c-.74-.077-1.4-.128-2.005-.156a3 3 0 0 0-.382-.019q-.16 0-.326-.012a5 5 0 0 0-.277-.012c-.154 0-.31 0-.461-.009c-.178 0-.36-.011-.541-.009c-.352 0-.73 0-1.189.015c-.188 0-.375 0-.556.014a7 7 0 0 1-.466.014h-.005c-.067 0-.132.008-.2.014a2 2 0 0 1-.246.013h-.005c-.7.039-1.422.1-2.143.186a20 20 0 0 0-2.57.455a8 8 0 0 0-1.15.38a2.7 2.7 0 0 0-.641.38a.9.9 0 0 0-.234.292a1 1 0 0 0-.069.278l-.005.037l-.033.226l.213-.085q.105-.043.206-.087M3.1 10.19a.6.6 0 0 1 .165-.2a2.5 2.5 0 0 1 .578-.341a7.3 7.3 0 0 1 1.109-.366a20 20 0 0 1 2.539-.452a36 36 0 0 1 2.122-.184a2 2 0 0 0 .269-.014q.091-.008.178-.012q.243-.002.479-.015c.177-.009.36-.019.538-.013h.008c.458-.014.834-.019 1.184-.015c.176 0 .356 0 .531.008c.153.005.313.009.468.009q.127.002.261.012c.113.007.23.015.349.012a3 3 0 0 1 .351.018h.008a35 35 0 0 1 1.994.155a20.6 20.6 0 0 1 3.08.546a5.3 5.3 0 0 1 1.281.511a1.2 1.2 0 0 1 .321.272a.3.3 0 0 1 .038.07a5 5 0 0 0-.232-.092a13.4 13.4 0 0 0-2.315-.587a34 34 0 0 0-3.94-.421h-.01q-.135 0-.277-.012a3 3 0 0 0-.3-.014a7 7 0 0 1-.4-.013a6 6 0 0 0-.417-.013c-.14.002-.308 0-.459 0H10.92q-.165.002-.323.012c-.067 0-.136.008-.205.01s-.116 0-.177 0a3 3 0 0 0-.306.013a3 3 0 0 1-.264.013a3 3 0 0 0-.285.015a30 30 0 0 0-4.459.556a11 11 0 0 0-1.52.425c-.1.035-.191.075-.283.115Z"/></svg>

How to use the Yeelight Ceiling icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Custom Brand Icons

Yeelight Ceiling icon FAQ

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

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

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

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

Browse all Custom Brand Icons →