Icône Neon Closed
cbi:neon-closed
L'icône Neon Closed (cbi:neon-closed) est une icône SVG gratuite de la collection Custom Brand Icons par Emanuele & rchiileea. Elle est dessinée sur une grille de 24 × 24. Les Custom Brand Icons utilisent la licence CC BY-NC-SA 4.0, qui n'autorise pas l'usage commercial sans l'accord distinct de l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Custom Brand Icons
- Auteur
- Emanuele & rchiileea
- Licence
- CC-BY-NC-SA-4.0
- Taille
- 24 × 24
- Mots-clés
- neonclosed
Code SVG
<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>Comment utiliser l'icône Neon Closed
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>Image HTML
<img src="https://iconyz.com/api/public/svg/cbi/neon-closed.svg" alt="Icône Neon Closed" width="24" height="24">Icônes similaires dans Custom Brand Icons
FAQ : Icône Neon Closed
L'icône Neon Closed est-elle gratuite pour un usage commercial ?
Non. Les Custom Brand Icons utilisent la licence CC BY-NC-SA 4.0, qui n'autorise pas l'usage commercial sans l'accord distinct de l'auteur.
Comment utiliser l'icône Neon Closed dans React ?
Installez @iconify/react et affichez <Icon icon="cbi:neon-closed" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Neon Closed à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cbi/neon-closed.svg" alt="Icône Neon Closed">, ou collez le code SVG directement dans la page pour le styliser en CSS.