Arweave アイコン
token:arweave
Arweave アイコン(token:arweave)は、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 4.414a7.586 7.586 0 1 0 0 15.173a7.586 7.586 0 0 0 0-15.173M3 12a9 9 0 1 1 18.001 0A9 9 0 0 1 3 12"/><path fill="currentColor" d="M13.268 14.71a1.5 1.5 0 0 1-.102-.28q-.044-.164-.073-.331a2.2 2.2 0 0 1-1.208.67a2.6 2.6 0 0 1-.574.061a2.8 2.8 0 0 1-.924-.145a2.2 2.2 0 0 1-.718-.405c-.2-.17-.36-.38-.472-.616a1.8 1.8 0 0 1-.17-.785q0-1.033.768-1.595c.516-.379 1.283-.59 2.302-.59h.737v-.365c0-.566-.43-1.02-.997-1.02c-.342 0-.592.118-.75.267q-.234.216-.235.586H9.173q0-.417.181-.792c.125-.25.305-.513.538-.702a2.7 2.7 0 0 1 .864-.447q.513-.17 1.171-.17q.592.001 1.1.146q.514.145.888.429q.375.284.586.718q.211.43.212.998v2.802q0 .525.066.87q.067.345.193.593v.102zm-.939-1.397c.236-.13.406-.304.502-.47v-1.085h-.656c-.5 0-1.154.053-1.383.577c-.145.32-.112.723.151.972c.393.363.972.235 1.386.006"/></svg>Arweave アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:arweave" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:arweave" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:arweave" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--arweave]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:arweave"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:arweave"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/arweave.svg" alt="Arweave アイコン" width="24" height="24">他のアイコンセットの Arweave アイコン
Arweave アイコン のよくある質問
Arweave アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Arweave アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:arweave" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Arweave アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/arweave.svg" alt="Arweave アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。