Nanoleaf Sense Plus icon

cbi:nanoleaf-sense-plus

The Nanoleaf Sense Plus icon (cbi:nanoleaf-sense-plus) 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: nanoleafsense, senseplus, nanoleafsenseplus

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.954 16.5v.08a.02.02 0 0 0 .021.022h.225a.02.02 0 0 0 .022-.022v-.08a.2.2 0 0 1 .049-.113a.245.245 0 0 0-.184-.407a.245.245 0 0 0-.186.406a.2.2 0 0 1 .053.114m.054.167h.157c.022 0 .039.017.039.039v.046a.04.04 0 0 1-.039.039h-.157a.04.04 0 0 1-.039-.039v-.046c0-.022.017-.039.039-.039m-.63-6.487v3.006a.695.695 0 0 0 1.389 0V10.18a.695.695 0 1 0-1.389 0m.9 2.829h-.388a.08.08 0 0 1-.077-.077a.077.077 0 0 1 .077-.076h.393a.076.076 0 0 1 .077.076a.077.077 0 0 1-.077.077Zm-.407-2.73H12v-.12a.077.077 0 1 1 .153 0v.12h.12a.077.077 0 1 1 0 .153h-.12v.12a.077.077 0 1 1-.153 0v-.12h-.12a.077.077 0 0 1 0-.153Zm2.761-4.093H9.514a.46.46 0 0 0-.46.46v1.972h6.038V6.646a.46.46 0 0 0-.46-.46m-2.594.664a.044.044 0 0 1 .044-.044h.01a.044.044 0 0 1 .044.044v.128a.044.044 0 0 1-.044.044h-.01a.044.044 0 0 1-.044-.044Zm-.5.735h-.118a.05.05 0 1 1 0-.1h.118a.05.05 0 0 1 0 .1m.187-.473a.047.047 0 0 1-.069 0l-.084-.083a.05.05 0 0 1 0-.069a.05.05 0 0 1 .07 0l.083.083a.047.047 0 0 1 0 .069m.6.6a.17.17 0 0 0-.039.087v.076a.08.08 0 0 1-.04.068a.1.1 0 0 1 .025.065v.047a.1.1 0 0 1-.1.1h-.159a.1.1 0 0 1-.1-.1v-.041a.1.1 0 0 1 .025-.065a.08.08 0 0 1-.04-.068v-.076a.16.16 0 0 0-.039-.087a.306.306 0 0 1 .442-.418a.306.306 0 0 1 .018.412Zm.117-.6a.05.05 0 0 1 0-.069l.083-.083a.05.05 0 0 1 .07 0a.05.05 0 0 1 0 .069l-.084.083a.047.047 0 0 1-.073 0Zm.288.473h-.119a.05.05 0 1 1 0-.1h.119a.05.05 0 0 1 0 .1m-.723.39h.159a.04.04 0 0 1 .04.04v.046a.04.04 0 0 1-.04.04h-.159a.04.04 0 0 1-.04-.04v-.046a.04.04 0 0 1 .04-.04m.08-.708a.25.25 0 0 0-.25.249a.25.25 0 0 0 .061.164a.2.2 0 0 1 .054.119v.082a.02.02 0 0 0 .022.022h.226a.02.02 0 0 0 .022-.022V7.8a.2.2 0 0 1 .05-.115a.249.249 0 0 0-.187-.413Zm.045 2.103a.813.813 0 0 1 .753.81v3.006a.814.814 0 0 1-.753.81v.634h2.96V8.736h-2.96Zm2.012 2.124a.189.189 0 1 1-.188.189a.19.19 0 0 1 .188-.189m-.566 0a.189.189 0 1 1-.188.189a.19.19 0 0 1 .188-.189m-4.524 5.86a.46.46 0 0 0 .46.46h5.118a.46.46 0 0 0 .46-.46v-2.191H9.054Zm3.033-1.438a.3.3 0 0 1 .23.493h-.005a.16.16 0 0 0-.038.085v.075a.08.08 0 0 1-.04.067a.1.1 0 0 1 .026.065v.046a.1.1 0 0 1-.1.094h-.157a.094.094 0 0 1-.094-.094v-.046a.1.1 0 0 1 .025-.065a.08.08 0 0 1-.04-.067V16.5a.16.16 0 0 0-.038-.085a.3.3 0 0 1 .227-.5ZM12.014 14a.814.814 0 0 1-.754-.81v-3.01a.813.813 0 0 1 .754-.81v-.634h-2.96v5.894h2.96Zm-1.75-2.125a.189.189 0 1 1 .188-.188a.19.19 0 0 1-.188.184ZM17.79 2H6.21a.425.425 0 0 0-.425.425v19.15A.425.425 0 0 0 6.21 22h11.58a.425.425 0 0 0 .425-.425V2.425A.425.425 0 0 0 17.79 2m-2.546 15.94a.31.31 0 0 1-.31.311h-5.8a.31.31 0 0 1-.311-.311V6.2a.31.31 0 0 1 .311-.31h5.8a.31.31 0 0 1 .31.31Z"/></svg>

How to use the Nanoleaf Sense Plus icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:nanoleaf-sense-plus"></iconify-icon>

HTML image

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

Related icons in Custom Brand Icons

Nanoleaf Sense Plus icon FAQ

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

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

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

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

Browse all Custom Brand Icons →