ICONYZ
日本語
Web3 Icons Branded の Arweave アイコン

Arweave アイコン

token-branded:arweave

Arweave アイコン(token-branded:arweave)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#222326"><path 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 0a9 9 0 0 1-18 0"/><path d="M13.268 14.71a1.5 1.5 0 0 1-.102-.279a4 4 0 0 1-.073-.332a2.2 2.2 0 0 1-1.207.67a2.6 2.6 0 0 1-.575.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.217-.235.586H9.173q0-.417.181-.791c.125-.25.304-.513.538-.703a2.7 2.7 0 0 1 .864-.447q.513-.17 1.171-.169q.592 0 1.1.145q.513.145.889.43q.373.283.585.718q.211.429.212.997v2.802q0 .527.066.87q.067.345.193.593v.102zm-.939-1.397a1.3 1.3 0 0 0 .502-.47v-1.085h-.656c-.5 0-1.154.053-1.383.577c-.145.32-.112.724.151.973c.393.363.972.234 1.386.005"/></g></svg>

Arweave アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:arweave" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:arweave" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:arweave" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--arweave]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:arweave"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:arweave"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/arweave.svg" alt="Arweave アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

他のアイコンセットの Arweave アイコン

Arweave アイコン のよくある質問

Arweave アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Arweave アイコンを使うには?

@iconify/react をインストールして <Icon icon="token-branded:arweave" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Arweave アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/arweave.svg" alt="Arweave アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons Branded アイコン をすべて見る →