Nanoleaf Blocks icon

cbi:nanoleaf-blocks

The Nanoleaf Blocks icon (cbi:nanoleaf-blocks) 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: nanoleafblocks, block

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="M14.03 12.856a.13.13 0 0 0 .069-.056a.14.14 0 0 0 .024-.087a.1.1 0 0 0-.035-.063a.1.1 0 0 0-.043-.013h-.029a.13.13 0 0 0-.071.055a.12.12 0 0 0-.024.087a.08.08 0 0 0 .035.064a.08.08 0 0 0 .074.013m-1.078-1.111a.08.08 0 0 0 .07-.011a.11.11 0 0 0 .012-.151a.13.13 0 0 0-.1-.059a.1.1 0 0 0-.044.012a.11.11 0 0 0-.011.151a.14.14 0 0 0 .073.058m-.58 1.739a.04.04 0 0 0 .008.024l.06.24l.1.046l.124.857l.039.412l.006.015a2.8 2.8 0 0 0 .758.084a2.8 2.8 0 0 0 .757-.084v-.005l.059-1.26l.111-.062l.078-.266v-.012c0-.006 0-.023-.048-.044l-.053-.025l.055-.019a.86.86 0 0 0 .521-.41a1.3 1.3 0 0 0-.1-.883a1.27 1.27 0 0 0-1.01.159a1.33 1.33 0 0 0-.2.869c.018.014.1.063.216.135l.019.012l-.037.068a7 7 0 0 0-.334-.012h-.025l.081-1.199v-.011l-.1-.182l.019-.011c.12-.072.2-.122.216-.136a1.33 1.33 0 0 0-.2-.869a1.26 1.26 0 0 0-1.009-.159a1.3 1.3 0 0 0-.1.882a.98.98 0 0 0 .747.473a3 3 0 0 0 .259-.143l.022-.013l.087.165a.1.1 0 0 1 .008.036l-.067 1.168h-.022q-.175-.002-.341.008h-.015l-.027-.05l.019-.012a2 2 0 0 0 .215-.135a1.32 1.32 0 0 0-.199-.868a1.27 1.27 0 0 0-1.01-.16a1.3 1.3 0 0 0-.1.883a.83.83 0 0 0 .462.388l.054.022l-.054.022c-.049.03-.049.053-.049.062m.468-2.432a.169.169 0 0 1 .185.276a.13.13 0 0 1-.07.021a.1.1 0 0 1-.042-.007a.18.18 0 0 1-.1-.074a.154.154 0 0 1 .027-.216m.208.722a.13.13 0 0 1-.07.021a.17.17 0 0 1-.139-.081a.155.155 0 0 1 .024-.216a.13.13 0 0 1 .112-.014a.2.2 0 0 1 .1.074a.154.154 0 0 1-.027.216m.37-.225a.13.13 0 0 1-.069.02a.17.17 0 0 1-.139-.08a.142.142 0 1 1 .208.06m.881.9a.2.2 0 0 1 .1-.074a.126.126 0 0 1 .167.114a.18.18 0 0 1-.032.118a.17.17 0 0 1-.1.074a.1.1 0 0 1-.042.007a.13.13 0 0 1-.07-.021a.13.13 0 0 1-.055-.1a.2.2 0 0 1 .028-.118Zm-.023.446a.142.142 0 1 1 .256.123a.2.2 0 0 1-.023.034a.17.17 0 0 1-.139.08a.13.13 0 0 1-.07-.021a.155.155 0 0 1-.024-.211Zm-.371-.225a.18.18 0 0 1 .1-.074a.13.13 0 0 1 .112.014a.155.155 0 0 1 .024.216a.17.17 0 0 1-.14.081a.12.12 0 0 1-.069-.021a.154.154 0 0 1-.027-.216m-1.089-.044a.155.155 0 0 1 .209.059a.2.2 0 0 1 .032.118a.13.13 0 0 1-.056.1a.12.12 0 0 1-.069.021a.17.17 0 0 1-.14-.08a.2.2 0 0 1-.032-.118a.13.13 0 0 1 .056-.1m-.394-.221a.168.168 0 0 1 .185.275a.13.13 0 0 1-.07.021a.17.17 0 0 1-.139-.08a.155.155 0 0 1 .024-.216m0 .662a.155.155 0 0 1 .024-.216a.13.13 0 0 1 .112-.014a.18.18 0 0 1 .1.074a.155.155 0 0 1-.024.216a.13.13 0 0 1-.07.02a.2.2 0 0 1-.042-.006a.2.2 0 0 1-.1-.074m.113.354h.013a2 2 0 0 0 .174.044a1 1 0 0 0 .173-.092h.005l.111-.008h.015l.066.122a.02.02 0 0 0 .015.012a.02.02 0 0 0 .019 0a.024.024 0 0 0 .009-.032l-.056-.1h.038c.1 0 .199-.006.299-.006h.026l-.007.116v.011h.011a.013.013 0 0 0 .011-.014l.008-.116h.03c.1 0 .206 0 .3.009h.037l-.045.083a.024.024 0 0 0 .008.033a.03.03 0 0 0 .019 0a.02.02 0 0 0 .015-.012l.055-.1h.015a2 2 0 0 1 .17.015h.005a1 1 0 0 0 .125.065q.053-.01.111-.026h.012a.3.3 0 0 1 .113.042l-.04.049a2.6 2.6 0 0 1-.979.153a2.4 2.4 0 0 1-.98-.153l-.026-.038v-.015a.3.3 0 0 1 .123-.042Zm9.079 5.344l-2.399-.358h-.006v.307a.04.04 0 0 0 .031.036l2.399.358a.14.14 0 0 0 .089-.016l.2-.115a.07.07 0 0 0 .036-.062v-.238l-.2.071a.3.3 0 0 1-.15.017m-5.01 2.104l2.446.406v-2.911l-2.446-.366c.01.022 0 2.871 0 2.871m2.556-2.153v-.3a.06.06 0 0 1 .016-.039l-.08-.013v2.911l.284-.161v-2.293l-.149-.022a.084.084 0 0 1-.071-.083m.221-6.367V9.434l-2.535-.318v-5.86l-4.923-.531l-.34.1l4.992.53l.031 5.791v.068l.018-.007c.219.033 2.526.334 2.526.334v2.886l2.613.36l.037 5.897l.2-.077v-5.913ZM6.807 10.723l4.685.666l.001-5.577l-4.639-.51l-.022 2.583l-4.511-.571l-.225.092l4.734.618Zm4.721.792l-2.343-.327v2.776l2.343.299Zm-4.774 2.114l2.343.292v-2.725l-2.309-.322ZM2 12.934l4.555.654l.064-5.478l-4.614-.585Zm14.637 4.965l5.021.755v-5.776l-5.021-.701Zm.008-8.588v2.727l2.41.336V9.637ZM12.6 13.087a.11.11 0 0 0 .011-.15a.13.13 0 0 0-.072-.055h-.028a.1.1 0 0 0-.044.012a.11.11 0 0 0-.011.151a.14.14 0 0 0 .072.055a.08.08 0 0 0 .072-.013m1.822-.453a.13.13 0 0 0 .071-.055a.13.13 0 0 0 .024-.087a.08.08 0 0 0-.035-.063a.1.1 0 0 0-.043-.013h-.029a.14.14 0 0 0-.071.055a.13.13 0 0 0-.024.087a.08.08 0 0 0 .035.064a.08.08 0 0 0 .072.012m2.081-3.333l-4.887-.588v5.546l.968.15l-.083-.579l-.1-.045l-.063-.252a.1.1 0 0 1-.015-.049a.09.09 0 0 1 .046-.077a.85.85 0 0 1-.439-.392a1.32 1.32 0 0 1 .107-.939a1.27 1.27 0 0 1 1.077.163a1.36 1.36 0 0 1 .205.918c0 .01-.005.019-.185.128h.265l.065-1.124v-.011l-.064-.121c-.241.142-.257.139-.267.137a1.03 1.03 0 0 1-.784-.5a1.32 1.32 0 0 1 .107-.937a1.27 1.27 0 0 1 1.076.161a1.36 1.36 0 0 1 .206.919c0 .01 0 .019-.216.147l.074.142a.1.1 0 0 1 .007.036l-.078 1.15a3 3 0 0 1 .3.011c-.211-.126-.213-.135-.216-.146a1.36 1.36 0 0 1 .206-.919a1.27 1.27 0 0 1 1.077-.162a1.32 1.32 0 0 1 .107.932a.9.9 0 0 1-.5.418a.1.1 0 0 1 .025.032h.023l-.1.338l-.106.058l-.038.831v.071l1.974.3l-1.124.461l-4.768-.679l1.228-.5l.989.153l-.011-.074l-.976-.151H11.6l-1.49.608l5.037.717h.01l.257-.1l1.127.14v-.6Zm-.034 6.245l-.843-.1l.843-.31Zm-1.999-2.521a.107.107 0 0 0-.011-.15a.1.1 0 0 0-.044-.013a.13.13 0 0 0-.1.059a.11.11 0 0 0 .012.151a.107.107 0 0 0 .143-.047m-1.142-1.706a.1.1 0 0 0-.044.012a.12.12 0 0 0 0 .174a.12.12 0 0 0 .13.026a.11.11 0 0 0 .011-.151a.12.12 0 0 0-.097-.061m-.353 1.543a.1.1 0 0 0 .035-.063a.13.13 0 0 0-.024-.087a.11.11 0 0 0-.144-.047a.08.08 0 0 0-.034.063a.13.13 0 0 0 .023.088a.11.11 0 0 0 .144.046m-.049-1.562a.08.08 0 0 0 .07-.011a.11.11 0 0 0 .012-.151a.13.13 0 0 0-.1-.059a.1.1 0 0 0-.044.012a.11.11 0 0 0-.011.151a.13.13 0 0 0 .073.058m-.346 1.341a.11.11 0 0 0 .012-.15a.13.13 0 0 0-.1-.06a.1.1 0 0 0-.044.013a.122.122 0 0 0 .132.2Zm-.976-4.099l4.888.585V3.448l-4.888-.537v2.651l-4.496-.484l-.26.089l4.756.55Z"/></svg>

How to use the Nanoleaf Blocks icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Custom Brand Icons

Nanoleaf Blocks icon FAQ

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

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

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

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

Browse all Custom Brand Icons →