Paid アイコン
token-branded:paid
Paid アイコン(token-branded:paid)は、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="url(#SVGOrPuUU8x)" d="M13.8 9.002v1.2l-.006.192l.426 2.04a3.58 3.58 0 0 0 .78-2.232v-1.2a3.6 3.6 0 0 0-3.6-3.6H6.6a3.6 3.6 0 0 0-3.6 3.6v1.2a3.6 3.6 0 0 0 1.8 3.12v-1.53c-.372-.42-.6-.984-.6-1.59v-1.2a2.4 2.4 0 0 1 2.4-2.4h4.8a2.4 2.4 0 0 1 2.4 2.4"/><path fill="url(#SVGFXJP0brH)" d="M13.2 4.2h1.2a2.4 2.4 0 0 1 2.4 2.4v4.8a2.4 2.4 0 0 1-2.4 2.4h-1.2a2.4 2.4 0 0 1-2.4-2.4H9.6a3.6 3.6 0 0 0 3.6 3.6h1.2a3.6 3.6 0 0 0 3.6-3.6V6.6A3.6 3.6 0 0 0 14.4 3h-1.2a3.6 3.6 0 0 0-3.12 1.8h1.53c.42-.372.984-.6 1.59-.6"/><path fill="url(#SVG8lTZ1d2U)" d="M9 10.2h1.2a2.4 2.4 0 0 1 2.4 2.4v.6h1.2v-.6A3.6 3.6 0 0 0 10.2 9H9a3.6 3.6 0 0 0-3.6 3.6v4.8A3.6 3.6 0 0 0 9 21h1.2a3.6 3.6 0 0 0 3.395-2.4h-1.32a2.4 2.4 0 0 1-2.076 1.2H9a2.4 2.4 0 0 1-2.4-2.4v-4.8A2.4 2.4 0 0 1 9 10.2"/><path fill="url(#SVGZu17IcTc)" d="M19.2 11.611c.372.42.6.984.6 1.59v1.2a2.4 2.4 0 0 1-2.4 2.4h-4.8a2.4 2.4 0 0 1-2.4-2.4v-.24l-1.2-.96v1.2a3.6 3.6 0 0 0 3.6 3.6h4.8a3.6 3.6 0 0 0 3.6-3.6v-1.2a3.6 3.6 0 0 0-1.8-3.12z"/><defs><linearGradient id="SVGOrPuUU8x" x1="11.465" x2="16.026" y1="11.426" y2="18.817" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVGFXJP0brH" x1="11.465" x2="16.026" y1="11.423" y2="18.814" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVG8lTZ1d2U" x1="11.464" x2="16.025" y1="11.424" y2="18.814" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient><linearGradient id="SVGZu17IcTc" x1="11.465" x2="16.026" y1="11.425" y2="18.815" gradientUnits="userSpaceOnUse"><stop stop-color="#074c7d"/><stop offset="1" stop-color="#5d0b5d"/></linearGradient></defs></g></svg>Paid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:paid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:paid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:paid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--paid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:paid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:paid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/paid.svg" alt="Paid アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Paid アイコン
Paid アイコン のよくある質問
Paid アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Paid アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:paid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Paid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/paid.svg" alt="Paid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。