Cnc Background アイコン
token-branded:cnc-background
Cnc Background アイコン(token-branded:cnc-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- cncbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGD9wELyRw)" d="m12.259 4.08l.1.195l6.117 11.544a3.2 3.2 0 0 0-.27-1.72l-5.857-9.9l-.04-.064l-.05-.05z"/><path fill="url(#SVGy3QBibrv)" d="m12.214 4.05l.13.295l5.762 12.643c.19-.37.32-.76.365-1.164L12.364 4.27l-.1-.19z"/><path fill="url(#SVG75GpoeHK)" d="m12.15 4.019l.14.4l4.787 13.863a4.4 4.4 0 0 0 1.04-1.3l-2.4-5.262l-3.373-7.376l-.13-.3s-.04-.01-.065-.025"/><path fill="url(#SVG5vJjNbkW)" d="m12.084 4.01l.105.474l3.218 14.838c.64-.28 1.2-.63 1.67-1.035L12.288 4.42l-.14-.4l-.06-.015v.005z"/><path fill="url(#SVGNPbzKeNP)" d="m12.028 4l1.36 15.887a8 8 0 0 0 2.024-.575L12.188 4.49l-.1-.475h-.065l.005-.01z"/><path fill="url(#SVGXIoLEchi)" d="M10.6 19.892a9 9 0 0 0 2.788 0L12.068 4.52L12.03 4h-.075l-.05.52z"/><path fill="url(#SVGHcfAbetd)" d="M8.575 19.307c.61.27 1.3.465 2.024.575l.77-8.96l.54-6.402l.045-.52l-.065.005l-.1.475l-3.224 14.827z"/><path fill="url(#SVGOTYERchr)" d="M6.907 18.273c.465.41 1.035.764 1.67 1.034l3.218-14.828l.1-.474l-.055.015l-.14.4z"/><path fill="url(#SVGqmRi6bxr)" d="M5.877 16.967c.26.495.61.936 1.034 1.3l2.4-6.957l2.388-6.891l.135-.4l-.06.03l-.13.295l-3.378 7.38l-2.389 5.248z"/><path fill="url(#SVGAwZ7Rbij)" d="M5.518 15.8c.05.41.165.799.354 1.169L11.64 4.345l.13-.3l-.05.035l-.1.195l-4.208 7.961z"/><path fill="url(#SVGdDlMtegS)" d="M5.502 15.444c0 .12.005.235.015.355l6.102-11.524l.1-.195l-.05.05l-.03.05l-5.487 9.285l-.3.51v.02c-.23.455-.35.944-.35 1.449"/></g><defs><linearGradient id="SVGD9wELyRw" x1="20.606" x2="6.619" y1="21.791" y2="-18.625" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".5" stop-color="#1682fe"/></linearGradient><linearGradient id="SVGy3QBibrv" x1="19.422" x2="6.593" y1="21.366" y2="-28.804" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".5" stop-color="#1682fe"/></linearGradient><linearGradient id="SVG75GpoeHK" x1="22.841" x2="10.39" y1="26.205" y2="-34.384" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".5" stop-color="#1682fe"/></linearGradient><linearGradient id="SVG5vJjNbkW" x1="23.988" x2="17.996" y1="29.078" y2="-18.615" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".5" stop-color="#1682fe"/><stop offset="1" stop-color="#2dbde1"/></linearGradient><linearGradient id="SVGNPbzKeNP" x1="24.65" x2="20.948" y1="26.171" y2="-21.073" gradientUnits="userSpaceOnUse"><stop stop-color="#3a3a3a"/><stop offset=".22" stop-color="#1682fe"/><stop offset=".5" stop-color="#57f7ae"/></linearGradient><linearGradient id="SVGXIoLEchi" x1="27.045" x2="24.858" y1="26.694" y2="-12.536" 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="SVGHcfAbetd" x1="16.313" x2="15.697" y1="28.63" y2="-7.188" gradientUnits="userSpaceOnUse"><stop offset=".22" stop-color="#1682fe"/><stop offset=".5" stop-color="#57f7ae"/><stop offset="1" stop-color="#fed55a"/></linearGradient><linearGradient id="SVGOTYERchr" x1="18.303" x2="17.168" y1="30.931" y2="8.698" gradientUnits="userSpaceOnUse"><stop offset=".4" stop-color="#1682fe"/><stop offset=".7" stop-color="#57f7ae"/><stop offset="1" stop-color="#fed55a"/></linearGradient><linearGradient id="SVGqmRi6bxr" x1="13.897" x2="13.437" y1="33.647" y2="12.899" gradientUnits="userSpaceOnUse"><stop offset=".4" stop-color="#1682fe"/><stop offset=".7" stop-color="#57f7ae"/><stop offset="1" stop-color="#fed55a"/></linearGradient><linearGradient id="SVGAwZ7Rbij" x1="6.822" x2="10.646" y1="27.475" y2="-6.852" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#fca75b"/><stop offset=".52" stop-color="#ff5a5a"/></linearGradient><linearGradient id="SVGdDlMtegS" x1="5.667" x2="10.914" y1="20.861" y2=".307" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#fca75b"/><stop offset=".52" stop-color="#ff5a5a"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cnc Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cnc-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cnc-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cnc-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cnc-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cnc-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:cnc-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/cnc-background.svg" alt="Cnc Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Cnc Background アイコン のよくある質問
Cnc Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cnc Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:cnc-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cnc Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/cnc-background.svg" alt="Cnc Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。