Nanoleaf Ropelight icon
cbi:nanoleaf-ropelight
The Nanoleaf Ropelight icon (cbi:nanoleaf-ropelight) 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
- nanoleafropelight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.513 10.44a2.73 2.73 0 0 0 .015-3.809a2.732 2.732 0 1 0-3.928 0a2.73 2.73 0 0 0 .015 3.809a2.73 2.73 0 0 0 .024 3.85a2.73 2.73 0 0 0-.544 3.11a.217.217 0 0 0 .342.066a.4.4 0 0 0 .1-.445a2.17 2.17 0 0 1 .534-2.381a2 2 0 0 1 .228-.186a.2.2 0 0 0 0-.332a2 2 0 0 1-.228-.187a2.17 2.17 0 0 1-.03-3.136a2 2 0 0 1 .222-.189a.21.21 0 0 0 0-.336a2 2 0 0 1-.222-.189a2.167 2.167 0 0 1-.018-3.088a2 2 0 0 1 .218-.19a.213.213 0 0 0 0-.339a2 2 0 0 1-.218-.191a2.172 2.172 0 1 1 3.068 0a2 2 0 0 1-.218.191a.213.213 0 0 0 0 .339a2 2 0 0 1 .218.19a2.167 2.167 0 0 1-.018 3.088a2 2 0 0 1-.222.189a.21.21 0 0 0 0 .336a2 2 0 0 1 .222.189a2.17 2.17 0 0 1-.03 3.136a2 2 0 0 1-.228.187l-.034.024a.175.175 0 0 0 0 .288l.034.024a2 2 0 0 1 .228.186a2.171 2.171 0 0 1-1.378 3.756a2.3 2.3 0 0 1-1.032-.189a6 6 0 0 1-.71-.224a4 4 0 0 0-.494-.144a.91.91 0 0 0-.987.29a1.2 1.2 0 0 0-.023 1.12c.5.895 2.434.589 3.016.474a7.7 7.7 0 0 1 1.786-.193c.247.008.392.084.413.133c.011.027 0 .146-.205.367a1.53 1.53 0 0 1-.81.33a3.1 3.1 0 0 1-1.33-.058a13.6 13.6 0 0 0-2.894-.357a.84.84 0 0 0-.68.614a1.07 1.07 0 0 0 .48 1.054c.119.094.479.383 2.19.383c.627 0 1.218-.037 1.549-.063a.27.27 0 0 0 .245-.293a.293.293 0 0 0-.313-.264c-.352.027-.918.06-1.481.06c-1.367 0-1.741-.182-1.839-.261c-.213-.17-.321-.353-.289-.487a.3.3 0 0 1 .253-.2a14.7 14.7 0 0 1 2.624.344a3.05 3.05 0 0 0 2.706-.434c.324-.354.427-.678.307-.962a.95.95 0 0 0-.91-.476a8.2 8.2 0 0 0-1.914.2c-1.185.235-2.225.15-2.417-.2a.68.68 0 0 1-.01-.524c.079-.107.3-.085.432-.062a4 4 0 0 1 .414.124c.221.074.5.155.785.24a2.7 2.7 0 0 0 1.131.2a2.73 2.73 0 0 0 1.828-4.666a2.73 2.73 0 0 0 .024-3.85Zm-2.885 7.76"/></svg>
How to use the Nanoleaf Ropelight icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:nanoleaf-ropelight" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:nanoleaf-ropelight" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:nanoleaf-ropelight" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--nanoleaf-ropelight]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:nanoleaf-ropelight"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:nanoleaf-ropelight"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/nanoleaf-ropelight.svg" alt="Nanoleaf Ropelight icon" width="24" height="24">
Related icons in Custom Brand Icons
Nanoleaf Ropelight icon FAQ
Is the Nanoleaf Ropelight 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 Ropelight icon in React?
Install @iconify/react and render <Icon icon="cbi:nanoleaf-ropelight" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nanoleaf Ropelight icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/nanoleaf-ropelight.svg" alt="Nanoleaf Ropelight icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
