Иконка Nanoleaf Sense Plus

cbi:nanoleaf-sense-plus

Иконка Nanoleaf Sense Plus (cbi:nanoleaf-sense-plus) — бесплатная SVG-иконка из набора Custom Brand Icons от Emanuele & rchiileea. Она нарисована на сетке 24 × 24. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Custom Brand Icons
Автор: Emanuele & rchiileea
Лицензия: CC-BY-NC-SA-4.0
Размер: 24 × 24
Теги: nanoleafsense, senseplus, nanoleafsenseplus

Скачать SVG

Код SVG

<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>

Как использовать иконку Nanoleaf Sense Plus

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Nanoleaf Sense Plus

Можно ли бесплатно использовать иконку Nanoleaf Sense Plus в коммерческих проектах?

Нет. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора.

Как использовать иконку Nanoleaf Sense Plus в React?

Установите @iconify/react и выведите <Icon icon="cbi:nanoleaf-sense-plus" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Nanoleaf Sense Plus на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cbi/nanoleaf-sense-plus.svg" alt="Иконка Nanoleaf Sense Plus">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Custom Brand Icons →