Neon Closed icon

cbi:neon-closed

The Neon Closed icon (cbi:neon-closed) 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: neonclosed

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="M10.822 13.126a1.307 1.307 0 0 0-1.274 1.34a1.307 1.307 0 0 0 1.274 1.341a1.342 1.342 0 0 0 0-2.681m-.007 2.451a1.113 1.113 0 0 1 0-2.221a1.113 1.113 0 0 1 0 2.221m6.937.151v-2.527a.117.117 0 0 0-.121-.113a.117.117 0 0 0-.117.117v2.527a.121.121 0 1 0 .242 0Zm1.359-.806a1 1 0 0 1-.2.383a.9.9 0 0 1-.409.268a1 1 0 0 1-.238.044h-.317a.119.119 0 0 0 .022.237h.307a1.1 1.1 0 0 0 .3-.056a1.13 1.13 0 0 0 .522-.343a1.3 1.3 0 0 0 .242-.474a2 2 0 0 0 .061-.5v-.008a1.8 1.8 0 0 0-.061-.489a1.2 1.2 0 0 0-.226-.454a1.1 1.1 0 0 0-.36-.293a1.5 1.5 0 0 0-.437-.138a1.4 1.4 0 0 0-.186-.015l.01.007h-.163a.119.119 0 0 0 .022.237h.136c.054 0 .1.008.154.016a1.2 1.2 0 0 1 .36.111a.9.9 0 0 1 .283.229a1 1 0 0 1 .182.367a1.7 1.7 0 0 1 .052.43v.007a1.6 1.6 0 0 1-.056.434m-3.598-.421h1.065a.119.119 0 0 0-.022-.237h-1.048a.117.117 0 0 0-.116.118a.12.12 0 0 0 .121.119m-.226 1.235v-2.529a.12.12 0 0 0-.122-.116a.12.12 0 0 0-.117.119v2.526a.122.122 0 0 0 .243 0Zm1.513-2.645h-1.309a.119.119 0 0 0 .022.237H16.8a.119.119 0 0 0 0-.237m-1.416 2.649a.12.12 0 0 0 .121.115h1.322a.119.119 0 0 0-.022-.237H15.5a.117.117 0 0 0-.116.118Zm-2.291-1.768a.12.12 0 0 0-.166-.036h-.006a.114.114 0 0 0-.03.158a1 1 0 0 0 .109.142a1.2 1.2 0 0 0 .479.284a2.3 2.3 0 0 1 .521.206a.5.5 0 0 1 .083.072a.124.124 0 0 0 .17.008a.116.116 0 0 0 .006-.164a1 1 0 0 0-.117-.1a2.3 2.3 0 0 0-.578-.241a1 1 0 0 1-.388-.225v-.006a.6.6 0 0 1-.083-.098m.439 1.879a1.2 1.2 0 0 0 .356-.052a.8.8 0 0 0 .324-.181a.7.7 0 0 0 .226-.506l.016.009v-.012a.124.124 0 0 0-.247 0v.008a.47.47 0 0 1-.149.335a.6.6 0 0 1-.235.13a1 1 0 0 1-.279.04a1 1 0 0 1-.323-.052a.7.7 0 0 1-.267-.161a.5.5 0 0 1-.153-.36v-.015a.13.13 0 0 0-.122-.127a.12.12 0 0 0-.129.115v.023a.73.73 0 0 0 .222.525a.9.9 0 0 0 .36.218a1.3 1.3 0 0 0 .4.063m.831-2.061a.72.72 0 0 0-.295-.529a.92.92 0 0 0-.542-.166h-.008a1 1 0 0 0-.295.044a.7.7 0 0 0-.275.17a.6.6 0 0 0-.174.39a.125.125 0 0 0 .109.12a.124.124 0 0 0 .138-.108a.37.37 0 0 1 .109-.237a.5.5 0 0 1 .182-.106a.7.7 0 0 1 .218-.036h.008a.7.7 0 0 1 .4.119h-.021a.48.48 0 0 1 .2.351a.123.123 0 1 0 .246-.012m-6.789-.699a.12.12 0 0 0-.117.119v2.526a.121.121 0 1 0 .242 0v-2.53a.12.12 0 0 0-.125-.115m.404 2.527a.12.12 0 0 0-.118.118a.12.12 0 0 0 .121.115h1.241a.119.119 0 0 0-.022-.237Zm-2.987-1.617a1.1 1.1 0 0 1 .421-.522a1 1 0 0 1 1.051 0a.125.125 0 0 0 .17-.035a.12.12 0 0 0-.038-.164a1.24 1.24 0 0 0-1.318 0a1.32 1.32 0 0 0-.513.624a1.5 1.5 0 0 0-.113.58v.051a1.5 1.5 0 0 0 .161.62a1.3 1.3 0 0 0 .465.5a1.3 1.3 0 0 0 .655.194h.023a1.3 1.3 0 0 0 .9-.364a.117.117 0 0 0 0-.165a.123.123 0 0 0-.174 0a1.06 1.06 0 0 1-.728.3h-.015a1.04 1.04 0 0 1-.529-.158a1.1 1.1 0 0 1-.381-.411a1.2 1.2 0 0 1-.137-.521v-.039a1.3 1.3 0 0 1 .1-.49m13.423-8.592H5.589A3.59 3.59 0 0 0 2 9.001v6a3.59 3.59 0 0 0 3.589 3.589h5.533a.382.382 0 0 0 .039-.763H5.589a2.826 2.826 0 0 1-2.826-2.826v-6a2.826 2.826 0 0 1 2.823-2.829h12.825a2.826 2.826 0 0 1 2.826 2.829v6a2.826 2.826 0 0 1-2.826 2.826h-5.02a.382.382 0 0 0 0 .763h5.02A3.59 3.59 0 0 0 22 15.001v-6a3.59 3.59 0 0 0-3.586-3.592"/></svg>

How to use the Neon Closed icon

React

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

<Icon icon="cbi:neon-closed" width="24" />

Vue

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

<template>
  <Icon icon="cbi:neon-closed" width="24" />
</template>

Svelte

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

<Icon icon="cbi:neon-closed" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:neon-closed"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/neon-closed.svg" alt="Neon Closed icon" width="24" height="24">

Related icons in Custom Brand Icons

Neon Closed icon FAQ

Is the Neon Closed 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 Neon Closed icon in React?

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

How do I add the Neon Closed icon to a web page?

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

Browse all Custom Brand Icons →