Usdc アイコン

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

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

thesvg-color:usdc

Usdc アイコン(thesvg-color:usdc)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 2000 × 2000 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 2000 × 2000

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><path fill="#2775ca" d="M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0S0 445.83 0 1000s445.83 1000 1000 1000"/><path fill="#fff" d="M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66c-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5c4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17c0 137.5 83.33 191.66 258.33 212.5c116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34c-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84"/><path fill="#fff" d="M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800c62.5-175 200-308.33 370.83-370.83c16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33c-4.17 0-12.5 0-16.67 4.16c-395.83 125-612.5 545.84-487.5 941.67c75 233.33 254.17 412.5 487.5 487.5c16.67 8.33 33.34 0 37.5-16.67c4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5m441.67-1300c-16.67-8.33-33.34 0-37.5 16.67c-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67c325 116.66 491.67 479.16 370.83 800c-62.5 175-200 308.33-370.83 370.83c-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33c4.17 0 12.5 0 16.67-4.16c395.83-125 612.5-545.84 487.5-941.67c-75-237.5-258.34-416.67-487.5-491.67"/></svg>

Usdc アイコンの使い方

React

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

<Icon icon="thesvg-color:usdc" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:usdc" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:usdc" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--usdc]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:usdc"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:usdc"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/usdc.svg" alt="Usdc アイコン" width="24" height="24">

他のアイコンセットの Usdc アイコン

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →