Future アイコン
token:future
Future アイコン(token:future)は、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="M9.882 19.638a6.58 6.58 0 1 0 0-13.162a6.58 6.58 0 0 0 0 13.162m0 .301a6.882 6.882 0 1 0 0-13.764a6.882 6.882 0 0 0 0 13.764" clip-rule="evenodd"/><path fill="currentColor" d="M4.376 11.63c.159-.133.408-.223.72-.07c.196.106.466.302.73.503c.53.397 1.06.795 1.06.397c0-.598.9-.598 1.2 0c.128.254.09.45.054.667c-.048.292-.1.61.243 1.128c.35.519.392 1.535.43 2.303c.026.561.047.99.169.99c.301 0 1.201-1.498 1.498-2.096c.301-.599.301-1.197 0-1.493a8 8 0 0 1-.344-.392c-.408-.477-1.006-1.186-1.45-1.408c-.6-.297-.6-1.197 0-1.493c.142-.074.333-.143.529-.212c.656-.249 1.424-.53.968-.985c-.317-.317-.968-.465-1.466-.582c-.445-.106-.773-.175-.635-.317c.164-.16.243-.599.28-.99a5.7 5.7 0 0 0-3.986 4.055zm9.465-2.648a5.664 5.664 0 0 1-.38 8.492c-.139-.18-.15-.503.01-.826c.302-.598 0-2.091-.297-2.991c-.185-.556-.487-.54-.836-.514c-.212.011-.434.027-.662-.084c-.598-.302 0-1.197.598-1.8c.44-.434.556-.71.704-1.059c.177-.474.475-.894.863-1.218"/><path fill="currentColor" fill-rule="evenodd" d="M9.882 18.574a5.517 5.517 0 1 0 0-11.033a5.517 5.517 0 0 0 0 11.033m0 .307a5.823 5.823 0 1 0 0-11.646a5.823 5.823 0 0 0 0 11.647" clip-rule="evenodd"/><path fill="currentColor" d="M4.604 18.177c1.694 1.625 3.52 1.842 4.23 1.747c-3.627-6.056 2.716-10.085 6.342-11.345v-.286c-8.947.7-10.773 6.882-10.572 9.884"/><path fill="currentColor" fill-rule="evenodd" d="M16.616 5.836h-.742a.12.12 0 0 0-.084.037l-1.112 1.308c-.08.09.016.222.127.18l.858-.339a.13.13 0 0 1 .169.106c.074.656.598.895.974.948c.08.01.138.095.106.169l-.392.953c-.037.095.074.19.164.138l1.673-.932a.11.11 0 0 0 .058-.1v-.7c0-.052.032-.09.08-.105c1.71-.673 2.371-2.383 2.504-3.25a.11.11 0 0 0-.054-.11a.1.1 0 0 0-.042-.013c-2.403-.38-3.758.9-4.182 1.647a.12.12 0 0 1-.105.063m2.795-.19a.53.53 0 1 0 0-1.06a.53.53 0 0 0 0 1.06" clip-rule="evenodd"/></svg>Future アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:future" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:future" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:future" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--future]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:future"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:future"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/future.svg" alt="Future アイコン" width="24" height="24">他のアイコンセットの Future アイコン
Future アイコン のよくある質問
Future アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Future アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:future" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Future アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/future.svg" alt="Future アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。