Neon アイコン
cbi:neon
Neon アイコン(cbi:neon)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: 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
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>
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:neon"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/neon.svg" alt="Neon アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Neon アイコン のよくある質問
Neon アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Neon アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:neon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Neon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/neon.svg" alt="Neon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
ICONYZ
