Usdc アイコン
token:usdc
Usdc アイコン(token:usdc)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21c4.99 0 9-4.01 9-9s-4.01-9-9-9s-9 4.01-9 9s4.01 9 9 9m2.475-7.578c0-1.31-.787-1.76-2.362-1.946c-1.125-.152-1.35-.45-1.35-.978c0-.523.377-.86 1.125-.86c.675 0 1.052.224 1.237.787c.04.112.152.185.265.185h.596a.256.256 0 0 0 .264-.259v-.039c-.152-.827-.827-1.614-1.687-1.687v-.827c0-.152-.113-.265-.298-.298h-.495c-.152 0-.293.112-.332.298v.827c-1.125.151-1.873 1.012-1.873 1.951c0 1.238.748 1.722 2.323 1.913c1.052.185 1.39.41 1.39 1.012c0 .597-.53 1.013-1.238 1.013c-.98 0-1.316-.416-1.429-.979c-.034-.146-.146-.225-.259-.225h-.641a.256.256 0 0 0-.259.264v.04c.146.934.748 1.575 1.986 1.76v.833c0 .152.112.253.298.293h.54c.146 0 .248-.102.287-.293v-.833c1.125-.185 1.912-.939 1.912-1.952m-6.262 2.803a5.6 5.6 0 0 0 1.875 1.135c.112.079.225.225.225.338v.528c0 .073 0 .113-.04.146c-.033.152-.185.225-.337.152a6.751 6.751 0 0 1 0-12.864c.04-.034.112-.034.152-.034c.152.034.225.147.225.298v.524c0 .19-.073.303-.225.376a5.55 5.55 0 0 0-3.336 3.336a5.59 5.59 0 0 0 1.46 6.065m5.514-10.413c.034-.152.186-.225.338-.152a6.8 6.8 0 0 1 4.387 4.427c1.125 3.56-.827 7.352-4.387 8.477c-.04.033-.113.033-.152.033c-.152-.033-.225-.146-.225-.298v-.523c0-.191.073-.303.225-.377a5.55 5.55 0 0 0 3.335-3.335a5.585 5.585 0 0 0-3.335-7.2c-.113-.079-.225-.225-.225-.377v-.523c0-.079 0-.113.04-.152" clip-rule="evenodd"/></svg>Usdc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:usdc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:usdc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:usdc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--usdc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:usdc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:usdc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/usdc.svg" alt="Usdc アイコン" width="24" height="24">他のアイコンセットの Usdc アイコン
Usdc アイコン のよくある質問
Usdc アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Usdc アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:usdc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Usdc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/usdc.svg" alt="Usdc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。