Usde アイコン
token-branded:usde
Usde アイコン(token-branded:usde)は、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="#111" stroke="#111" stroke-width=".326" d="M12 3.162a8.84 8.84 0 1 1 0 17.676a8.84 8.84 0 0 1 0-17.677Z"/><path fill="url(#SVG3pOSdcVV)" fill-opacity=".7" d="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9"/><path stroke="url(#SVGRPiaVcyk)" stroke-width=".33" d="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9Z"/><path fill="#fff" fill-rule="evenodd" d="M10.56 4.592a7.54 7.54 0 0 0-6.102 7.399a7.54 7.54 0 0 0 6.102 7.398v-.706a6.846 6.846 0 0 1 0-13.385zm2.88.711v-.706a7.534 7.534 0 0 1 0 14.788v-.707a6.846 6.846 0 0 0 5.395-6.687a6.846 6.846 0 0 0-5.395-6.688" clip-rule="evenodd"/><path fill="#fff" d="M13.066 11.742c.577.11 1.02.323 1.338.632q.477.458.476 1.172v.753q-.001.858-.619 1.384c-.41.346-.955.517-1.624.517h-.231v1.195h-.794V16.2h-.244a2.3 2.3 0 0 1-1.173-.295a2.1 2.1 0 0 1-.794-.845a2.8 2.8 0 0 1-.276-1.27h.793q.001.73.397 1.187c.273.295.633.448 1.071.448h1.228q.65 0 1.052-.305q.396-.317.397-.821v-.753a.9.9 0 0 0-.3-.683q-.29-.284-.794-.364l-1.99-.351c-.558-.102-.996-.314-1.305-.633q-.466-.483-.466-1.209v-.632q0-.857.595-1.362q.61-.518 1.601-.517h.199V6.6h.794v1.195h.254q.94 0 1.514.61q.575.597.576 1.583h-.793q-.001-.646-.356-1.034q-.353-.388-.941-.388H11.4q-.631 0-1.006.305q-.375.292-.374.798v.633q0 .408.277.692c.194.19.452.314.784.374z"/><defs><radialGradient id="SVG3pOSdcVV" cx="0" cy="0" r="1" gradientTransform="matrix(0 18.9762 -13.3573 0 12.018 5.626)" gradientUnits="userSpaceOnUse"><stop offset=".031" stop-color="#3a3a3a"/><stop offset="1" stop-color="#1c1c1c"/></radialGradient><linearGradient id="SVGRPiaVcyk" x1="11.999" x2="11.999" y1="2.834" y2="21.164" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#111"/></linearGradient></defs></g></svg>Usde アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:usde" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:usde" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:usde" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--usde]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:usde"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:usde"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/usde.svg" alt="Usde アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Usde アイコン
Usde アイコン のよくある質問
Usde アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Usde アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:usde" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Usde アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/usde.svg" alt="Usde アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。