Ikon Neon
cbi:neon
Ikon Neon (cbi:neon) adalah ikon SVG gratis dari set Custom Brand Icons karya Emanuele & rchiileea. Ikon ini digambar pada grid 24 × 24. Custom Brand Icons menggunakan lisensi CC BY-NC-SA 4.0, yang tidak mengizinkan penggunaan komersial tanpa izin terpisah dari pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Custom Brand Icons
- Pembuat
- Emanuele & rchiileea
- Lisensi
- CC-BY-NC-SA-4.0
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.165 14.738c-1.666-2.011-1.953-2.238-2.261-1.857a13.2 13.2 0 0 0-.108 3.059l.037 2.905h.833l.035-2a11 11 0 0 1 .119-1.987c.048 0 .834.91 1.75 2.034c1.548 1.882 1.69 2.024 2.024 1.989l.357-.035l.037-2.906c.023-3 0-3.226-.466-3.226c-.463 0-.583.417-.546 2.239a9 9 0 0 1-.048 1.761a20 20 0 0 1-1.763-1.976m-8.81 3.322a2.75 2.75 0 0 0 2.202.845a2.6 2.6 0 0 0 1.488-.333a3.081 3.081 0 0 0-1.25-5.81a3.9 3.9 0 0 0-1.262.131a3.164 3.164 0 0 0-1.178 5.167m3.036-4.167a1.97 1.97 0 0 1 1.131 1.356a2.036 2.036 0 0 1-2.085 2.68a1.97 1.97 0 0 1-1.856-2.071a1.98 1.98 0 0 1 2.81-1.965m4.453-7.845l1.975-.025c1.739-.035 2.001-.06 2.12-.249a.34.34 0 0 0 0-.417c-.119-.178-.395-.203-2.5-.238a7.9 7.9 0 0 0-2.524.119a11 11 0 0 0-.143 2.975v2.834l.31.119a24 24 0 0 0 4.702 0a.5.5 0 0 0 0-.833a10.5 10.5 0 0 0-2.084-.119h-1.856V8.666h1.678a10 10 0 0 0 1.905-.119a.496.496 0 0 0 0-.833a10 10 0 0 0-1.905-.119h-1.678Zm-7.036 5.083a9 9 0 0 0 .155-2.095l.035-1.941l1.726 2.059c2.489 2.989 2.5 2.976 2.5-.952a26 26 0 0 0-.095-2.941a.496.496 0 0 0-.703-.107c-.19.142-.225.394-.274 2.084l-.058 1.916l-1.667-2.023C7.02 5.428 6.707 5.107 6.438 5.095a.5.5 0 0 0-.452.226a18 18 0 0 0-.119 2.904c0 2.429.024 2.68.214 2.858c.262.238.547.262.727.048m5.606 9.798h-8.45V3.071h16.072v7.774c0 5.893.035 7.81.141 7.917a.557.557 0 0 0 .81-.083c.073-.155.12-2.941.12-8.215c0-7.834 0-7.988-.237-8.227C20.632 2 20.475 2 12 2s-8.632 0-8.87.238s-.237.392-.237 9.762s0 9.524.237 9.762s.394.238 8.822.238c5.322 0 8.656-.048 8.786-.118a.514.514 0 0 0 .25-.727c-.118-.215-.357-.226-8.571-.226"/></svg>
Cara memakai ikon Neon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:neon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:neon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:neon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--neon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:neon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:neon"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/cbi/neon.svg" alt="Ikon Neon" width="24" height="24">
Ikon terkait di Custom Brand Icons
Ikon Neon di set ikon lain
FAQ Ikon Neon
Apakah ikon Neon gratis untuk penggunaan komersial?
Tidak. Custom Brand Icons menggunakan lisensi CC BY-NC-SA 4.0, yang tidak mengizinkan penggunaan komersial tanpa izin terpisah dari pembuatnya.
Bagaimana cara memakai ikon Neon di React?
Pasang @iconify/react lalu render <Icon icon="cbi:neon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Neon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cbi/neon.svg" alt="Ikon Neon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Custom Brand Icons →
ICONYZ
