Cusdc アイコン
token-branded:cusdc
Cusdc アイコン(token-branded:cusdc)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#657786" d="M12.054 7.235a4.92 4.92 0 0 0-3.495 4.764c0 2.277 1.483 4.188 3.495 4.765v-.916A4.06 4.06 0 0 1 9.406 12c0-1.784 1.112-3.303 2.647-3.849zm2.54 8.613A4.06 4.06 0 0 0 17.243 12c0-1.784-1.112-3.303-2.647-3.849v-.915A4.92 4.92 0 0 1 18.09 12c0 2.277-1.482 4.188-3.494 4.765z"/><path fill="#283947" d="M12.794 8.824h1.06v.582a1.89 1.89 0 0 1 1.445 1.44h-.916c0-.476-.567-.815-1.06-.815c-.492 0-1.058.339-1.058.746c0 .408.678.593 1.482.747c1.705.328 1.694 1.165 1.694 1.525v.037c0 .301-.28 1.307-1.588 1.519v.572h-1.059v-.583a2.11 2.11 0 0 1-1.588-1.535h.916c0 .339.355.91 1.202.91s1.059-.476 1.059-.815s0-.677-1.34-.884c-1.344-.201-1.694-1.016-1.694-1.424c0-.36.217-1.255 1.445-1.45z"/><path fill="url(#SVGfWL5Tcwj)" d="M19.676 5.065A9.9 9.9 0 0 0 13.588 3c-5.114 0-9.265 4.03-9.265 9s4.151 9 9.265 9a9.43 9.43 0 0 0 6.088-2.202l-1.005-1.218a7.86 7.86 0 0 1-5.083 1.832c-4.235 0-7.676-3.32-7.676-7.412s3.44-7.412 7.676-7.412c1.864 0 3.749.636 5.083 1.705z"/><defs><linearGradient id="SVGfWL5Tcwj" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#27d3a2"/><stop offset="1" stop-color="#9388fd"/></linearGradient></defs></g></svg>Cusdc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cusdc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cusdc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cusdc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cusdc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cusdc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:cusdc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/cusdc.svg" alt="Cusdc アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Cusdc アイコン
Cusdc アイコン のよくある質問
Cusdc アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cusdc アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:cusdc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cusdc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/cusdc.svg" alt="Cusdc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。