Nanoleaf Bulb icon

cbi:nanoleaf-bulb

The Nanoleaf Bulb icon (cbi:nanoleaf-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: nanoleafbulb

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="M11.381 22h1.567l.446-.62h-2.612Zm-1.582-4.093v2.575a.724.724 0 0 0 .725.724H13.6a.833.833 0 0 0 .832-.833v-2.501a21 21 0 0 1-2.372.142a22 22 0 0 1-2.261-.107m5.349-11.076a.34.34 0 0 0 .5-.119l.009-.016l.013-.027l.683-1.63a.34.34 0 0 0-.028-.316l-.632-.977a.4.4 0 0 0-.042-.053l-.231-.236a.34.34 0 0 0-.244-.1H14.17a.34.34 0 0 0-.341.346l.031 2.034a.34.34 0 0 0 .14.272Zm-2.896 3.867l2.42.085l-.272-1.211a.73.73 0 0 0-.291-.432l-1.721-1.191a.94.94 0 0 0-.768-.007l-.016.007L9.888 9.14a.72.72 0 0 0-.292.432l-.277 1.211l2.417-.085q.258-.009.516 0M9.979 3.203a.34.34 0 0 1 .337.342l-.029 1.866a.34.34 0 0 0 .045.173l1.084 1.883a.34.34 0 0 0 .313.168l.244-.015h.042l.249.016a.34.34 0 0 0 .312-.169l1.084-1.883a.34.34 0 0 0 .044-.173l-.028-1.866a.336.336 0 0 1 .336-.342h1.16l-1.01-1.033a.33.33 0 0 0-.216-.1h-.052a26 26 0 0 0-3.801 0h-.048a.34.34 0 0 0-.216.1l-1.01 1.033Zm3.727 2.603L12.7 7.562a.374.374 0 0 0 .111.494l.8.558l.416.288a.374.374 0 0 0 .544-.133l.675-1.286a.374.374 0 0 0-.113-.478l-1.267-.908a.37.37 0 0 1-.156-.3Zm3.073 2.818l.761-1.149a.21.21 0 0 0 .025-.179l-.336-1.063a.2.2 0 0 0-.021-.048l-.484-.779a.21.21 0 0 0-.372.029l-.501 1.184a.2.2 0 0 0-.007.142l.557 1.808a.21.21 0 0 0 .378.055m-1.47 2.216l1.117-1.683l-.71-2.247l-.04.077l-.115.218l-.037.081l-.004-.002l-.717 1.365l-.323.616l.014.059l.335 1.468Zm2.367-3.297L16.592 9.18l-.72 1.084l-.391.589l.392.029l1.839-2.673a.2.2 0 0 0 .035-.148Zm-2.293-4.34l.129.131l.019.02l.263.269v.007l.795 1.229l.766 1.285l.346 1.086V6.016a.4.4 0 0 0-.059-.209l-1.4-2.31a.54.54 0 0 0-.182-.184l-1.46-.916l.137.14Zm1.402 7.757a.175.175 0 0 0 .171-.1l.619-1.237a.5.5 0 0 0 .048-.176l.062-.855l-1.637 2.3ZM9.841 3.354H8.807a.32.32 0 0 0-.23.1l-.239.243a.3.3 0 0 0-.04.05l-.637.986a.32.32 0 0 0-.027.3l.687 1.64l.012.025l.02.037a.32.32 0 0 0 .472.112l1.174-.844a.32.32 0 0 0 .134-.256l.031-2.067a.32.32 0 0 0-.323-.326M8.86 7.005a.375.375 0 0 0-.114.478l.675 1.286a.375.375 0 0 0 .545.133l.052-.036l1.167-.81a.37.37 0 0 0 .111-.494l-1.011-1.756v-.008a.37.37 0 0 1-.156.3ZM7.22 5.484l-.432.7a.3.3 0 0 0-.027.059l-.327 1.031a.26.26 0 0 0 .031.22l.692 1.045a.257.257 0 0 0 .461-.066l.52-1.695a.25.25 0 0 0-.009-.175l-.453-1.082a.258.258 0 0 0-.456-.037m1.416 5.286a.14.14 0 0 0 .129.061l.3-.029a.14.14 0 0 0 .122-.107l.312-1.371v-.009a.14.14 0 0 0-.013-.1l-.3-.57l-.715-1.361l-.038-.081a.139.139 0 0 0-.255.023l-.592 1.872a.14.14 0 0 0 .017.119Zm-.517.112l.391-.029l-1.932-2.915l-.261-.395l-.063.455a.4.4 0 0 0 .065.272ZM6.631 6.148v-.007l.768-1.238a.03.03 0 0 0 0-.029a.03.03 0 0 1 0-.03l.785-1.214v-.007l.411-.42l.456-.466l.143-.147a.032.032 0 0 0-.04-.049l-1.252.781a.46.46 0 0 0-.156.158L6.351 5.797a.43.43 0 0 0-.064.226v1.2Zm-.324 2.45l.059.815a.7.7 0 0 0 .07.252l.589 1.179a.21.21 0 0 0 .207.116l.711-.062Zm1.392 2.621l-.27.007l2.485 6.341l.1.007a29 29 0 0 0 4.371-.007l2.316-6.345a62.4 62.4 0 0 0-9.002-.003"/></svg>

How to use the Nanoleaf Bulb icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Custom Brand Icons

Nanoleaf Bulb icon FAQ

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

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

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

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

Browse all Custom Brand Icons →