Xfund アイコン
token:xfund
Xfund アイコン(token:xfund)は、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" d="M12.085 18.453h-.016q-1.747 1.206-3.526 2.451a.3.3 0 0 1-.09.043c-.053.016-.09.042-.143.047a.24.24 0 0 1-.143-.01a1 1 0 0 0-.106-.042a.6.6 0 0 1-.106-.064L4.249 18.32a.4.4 0 0 1-.16-.202a.5.5 0 0 1-.03-.18V6q0-.086.03-.159a.28.28 0 0 1 .128-.142l.095-.059l3.706-2.568c.154-.105.318-.09.466.011q1.74 1.217 3.479 2.436l.016-.011l3.605-2.414a.36.36 0 0 1 .44.005l3.743 2.589c.053.032.175.122.175.19v12.4a.04.04 0 0 1-.021.037l-3.728 2.579a.4.4 0 0 1-.116.053c-.106.037-.165.069-.28.037l-.022-.01c-.021-.027-.048-.017-.074-.027a709 709 0 0 0-3.622-2.494zm3.547-10.165l3.261-2.266l.006-.006l.002-.01l-.002-.011l-.006-.01l-3.086-2.118h-.021L12.18 6.28a.36.36 0 0 1-.44 0L8.258 3.867a.02.02 0 0 0-.027 0L5.15 5.984a.016.016 0 1 0 0 .032l3.325 2.309a.4.4 0 0 1 .137.211c.043.143-.037.318-.153.398q-1.655 1.165-3.32 2.319l.005.005l3.114 2.16q1.745-1.239 3.494-2.473c.106-.079.265-.053.387-.053q.017 0 .031.011c.037.027.08.027.117.053q1.762 1.226 3.52 2.457l3.093-2.15v-.01a.02.02 0 0 0 0-.016v-.006q-1.665-1.152-3.325-2.308c-.106-.08-.186-.228-.16-.355a.5.5 0 0 1 .08-.164a.5.5 0 0 1 .133-.122zM4.847 10.506l2.7-1.874l.003-.004V8.62l-.003-.003l-2.7-1.87c-.016-.01-.021-.01-.016.011l.01.085q.003 1.832 0 3.664zm2.912 3.526L4.842 11.99l-.01.005v.08q.013 2.863.01 5.728l.016.016l2.896 2.022l.01-.005v-5.803zm7.947.212l-.005-.01l-3.177-2.182v5.803l3.16 2.197h.022l.005-.01v-5.804z"/></svg>Xfund アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:xfund" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:xfund" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:xfund" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--xfund]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:xfund"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:xfund"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/xfund.svg" alt="Xfund アイコン" width="24" height="24">他のアイコンセットの Xfund アイコン
Xfund アイコン のよくある質問
Xfund アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xfund アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:xfund" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xfund アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/xfund.svg" alt="Xfund アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。