Cnc アイコン

Q: Cnc アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token-branded:cnc

Cnc アイコン(token-branded:cnc)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons Branded
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGKZZngn5N)" d="m12.291 3.09l.112.219l6.882 12.987a3.63 3.63 0 0 0-.304-1.934L12.392 3.225l-.045-.074l-.056-.056z"/><path fill="url(#SVGr0ihydKG)" d="m12.24 3.056l.147.332l6.482 14.224c.214-.416.36-.855.41-1.31L12.41 3.304l-.112-.214z"/><path fill="url(#SVGeWH5rcPw)" d="m12.168 3.021l.157.45l5.386 15.596a5 5 0 0 0 1.17-1.462l-2.699-5.92l-3.795-8.299l-.146-.337s-.045-.011-.073-.028"/><path fill="url(#SVGLO87GZQi)" d="m12.095 3.01l.118.535l3.62 16.692a7.4 7.4 0 0 0 1.878-1.164L12.325 3.472l-.157-.45l-.068-.017v.006z"/><path fill="url(#SVGoiqVibdE)" d="m12.032 3l1.53 17.873a9 9 0 0 0 2.276-.647L12.212 3.551l-.113-.534h-.073l.006-.011z"/><path fill="url(#SVGBCAFicrI)" d="M10.425 20.878a10.2 10.2 0 0 0 3.137 0L12.078 3.585L12.033 3h-.085l-.056.585z"/><path fill="url(#SVGjbYdgchM)" d="M8.147 20.22a9 9 0 0 0 2.277.647l.866-10.08l.608-7.202l.05-.585l-.073.006l-.113.534l-3.626 16.68z"/><path fill="url(#SVGTtZ0adGJ)" d="M6.27 19.057c.523.46 1.164.86 1.878 1.163l3.62-16.68l.113-.535l-.061.017l-.158.45z"/><path fill="url(#SVG3CJqHZlc)" d="M5.112 17.588a5 5 0 0 0 1.164 1.462l2.698-7.826l2.688-7.753l.151-.45l-.067.034l-.146.331l-3.8 8.304l-2.688 5.904z"/><path fill="url(#SVGFsxIBrmS)" d="M4.708 16.274c.056.461.185.9.399 1.316l6.488-14.202l.146-.337l-.056.04l-.113.219l-4.734 8.956z"/><path fill="url(#SVGRDXAJcVv)" d="M4.69 15.874c0 .135.006.265.017.4L11.57 3.309l.113-.22l-.056.057l-.034.056L5.42 13.648l-.338.574v.022a3.6 3.6 0 0 0-.393 1.63"/><defs><linearGradient id="SVGKZZngn5N" x1="21.682" x2="5.946" y1="23.015" y2="-22.454" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".5" stop-color="#1682fe"/></linearGradient><linearGradient id="SVGr0ihydKG" x1="20.35" x2="5.918" y1="22.537" y2="-33.904" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".5" stop-color="#1682fe"/></linearGradient><linearGradient id="SVGeWH5rcPw" x1="24.196" x2="10.188" y1="27.98" y2="-40.182" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".5" stop-color="#1682fe"/></linearGradient><linearGradient id="SVGLO87GZQi" x1="25.486" x2="18.746" y1="31.212" y2="-22.442" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".5" stop-color="#1682fe"/><stop offset="1" stop-color="#2dbde1"/></linearGradient><linearGradient id="SVGoiqVibdE" x1="26.232" x2="22.067" y1="27.942" y2="-25.207" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".22" stop-color="#1682fe"/><stop offset=".5" stop-color="#57f7ae"/></linearGradient><linearGradient id="SVGBCAFicrI" x1="28.926" x2="26.465" y1="28.53" y2="-15.603" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".22" stop-color="#1682fe"/><stop offset=".5" stop-color="#57f7ae"/><stop offset="1" stop-color="#fed55a"/></linearGradient><linearGradient id="SVGjbYdgchM" x1="16.852" x2="16.159" y1="30.708" y2="-9.587" gradientUnits="userSpaceOnUse"><stop offset=".22" stop-color="#1682fe"/><stop offset=".5" stop-color="#57f7ae"/><stop offset="1" stop-color="#fed55a"/></linearGradient><linearGradient id="SVGTtZ0adGJ" x1="19.091" x2="17.814" y1="33.298" y2="8.285" gradientUnits="userSpaceOnUse"><stop offset=".4" stop-color="#1682fe"/><stop offset=".7" stop-color="#57f7ae"/><stop offset="1" stop-color="#fed55a"/></linearGradient><linearGradient id="SVG3CJqHZlc" x1="14.134" x2="13.617" y1="36.353" y2="13.012" gradientUnits="userSpaceOnUse"><stop offset=".4" stop-color="#1682fe"/><stop offset=".7" stop-color="#57f7ae"/><stop offset="1" stop-color="#fed55a"/></linearGradient><linearGradient id="SVGFsxIBrmS" x1="6.175" x2="10.477" y1="29.409" y2="-9.208" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#fca75b"/><stop offset=".52" stop-color="#ff5a5a"/></linearGradient><linearGradient id="SVGRDXAJcVv" x1="4.875" x2="10.779" y1="21.969" y2="-1.155" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#fca75b"/><stop offset=".52" stop-color="#ff5a5a"/></linearGradient></defs></g></svg>

Cnc アイコンの使い方

React

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

<Icon icon="token-branded:cnc" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:cnc" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:cnc" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cnc]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cnc"></div>

Web コンポーネント

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

<iconify-icon icon="token-branded:cnc"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/cnc.svg" alt="Cnc アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

Cnc アイコンのよくある質問

Cnc アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Cnc アイコンを使うには?

@iconify/react をインストールして <Icon icon="token-branded:cnc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cnc アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/cnc.svg" alt="Cnc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons Branded アイコンをすべて見る →