Ncdt Background アイコン
token-branded:ncdt-background
Ncdt Background アイコン(token-branded:ncdt-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
- タグ
- ncdtbackground
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="#0c7bfe" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.34 11.835h.34v.34h-.34zm-.34-.34h.34v.34H4zm.34-.341h.34v.34h-.34zm.34.34h.341v.34h-.34zm0-.68h.341v.34h-.34zm.341-.341h.34v.34h-.34zm.681 0h.34v.34h-.34zm.34-.34h.341v.34h-.34zm.341-.341h.34v.34h-.34zm11.187 3.745a.73.73 0 0 1-.732-.729v-.803h.34v.834a.39.39 0 0 0 .78 0v-.834h.34v.803a.73.73 0 0 1-.728.729"/><path fill="#fff" fill-rule="evenodd" d="M15.983 13.536a.77.77 0 0 0 .713-1.061a.77.77 0 0 0-.716-.471a.77.77 0 0 0-.713 1.06a.77.77 0 0 0 .713.472zm0-.344a.424.424 0 1 0-.004-.848a.424.424 0 0 0-.428.423c0 .234.194.428.432.428z" clip-rule="evenodd"/><path fill="#fff" d="M14.628 13.205a.77.77 0 0 1-1.395-.436a.766.766 0 0 1 1.402-.43l-.262.253a.419.419 0 1 0-.7.448a.42.42 0 0 0 .7-.077zm-1.94-.433a.427.427 0 0 1-.429.426a.426.426 0 0 1-.429-.426c0-.231.194-.422.429-.422c.238 0 .429.19.429.422"/><path fill="#fff" fill-rule="evenodd" d="M6.87 14.556c-1.168-.235-1.406-1.065-1.522-1.361h1.035v-.34h-.81v-.341h.241v-.34h.34v-.341h-.452v.34h-.34v-.68H5.02v-.341h1.021v-.34h.34v-.341h.341v-.34h.34v.34h.681v-.473H7.57v-.19a2.5 2.5 0 0 1 3.2.513c1.603-.265 1.893.845 1.838 1.434c.559.238.732.857.75 1.136q-.002.174-.035.327a.184.184 0 0 0-.187-.184a.186.186 0 0 0-.187.184a.187.187 0 0 0 .354.085c-.167.79-.892 1.253-1.192 1.253zm.194-3.745h.68v.34h-.68zm-.511 1.958a.766.766 0 0 1 1.532 0v.766h-.34v-.797a.425.425 0 1 0-.852 0v.797h-.34zm2.468.766a.765.765 0 0 1-.766-.766v-.766h.34v.797a.426.426 0 1 0 .852 0v-.797h.34v.766c0 .422-.34.766-.766.766m4.014-.766a.77.77 0 0 1-.777.766a.77.77 0 0 1-.715-1.061a.77.77 0 0 1 .716-.471a.77.77 0 0 1 .776.766m-1.754.436a.777.777 0 0 1-1.409-.436a.776.776 0 0 1 1.416-.43l-.265.256a.418.418 0 0 0-.797.177c0 .232.187.416.419.416a.42.42 0 0 0 .374-.229z" clip-rule="evenodd"/><path fill="#fff" d="M5.362 12.173v.34H4.68v-.34zm9.389-.68h.34v2.042h-.34zm5.25 0h-.341v.51h-.436a.77.77 0 0 0-.713 1.06a.77.77 0 0 0 .713.472a.77.77 0 0 0 .773-.715H20zm-.341 1.293a.44.44 0 0 1-.878-.003c0-.239.2-.433.442-.433h.436z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Ncdt Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ncdt-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ncdt-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ncdt-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ncdt-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ncdt-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ncdt-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/ncdt-background.svg" alt="Ncdt Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Ncdt Background アイコン のよくある質問
Ncdt Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ncdt Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:ncdt-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ncdt Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ncdt-background.svg" alt="Ncdt Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。