ICONYZ
日本語
Web3 Icons の Frax アイコン

Frax アイコン

token:frax

Frax アイコン(token:frax)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Web3 Icons
作者
0xa3k5
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.43 16.206c-.234.252-.648.702-1.122 1.2c-.72.756-1.302 1.38-1.308 1.398c.72.72 1.452 1.434 2.19 2.13l.078.066l1.134-1.2l1.248-1.32a7.8 7.8 0 0 0 8.64.036l.036.042q1.242 1.215 2.502 2.412c.024.006 2.178-2.274 2.172-2.298c0-.012-1.482-1.446-2.388-2.31l-.084-.09a7.8 7.8 0 0 0-.012-8.556l1.122-1.194q.643-.66 1.254-1.35c-.018-.048-2.226-2.16-2.256-2.16c-.018 0-.576.576-1.236 1.272c-.504.54-.942.996-1.128 1.188a7.8 7.8 0 0 0-8.43-.072l-.078-.084l-1.08-1.044l-.3-.282l-.804-.78L5.364 3L4.296 4.14a41 41 0 0 0-1.08 1.158c-.006.012.522.54 1.176 1.17l1.17 1.128a7.8 7.8 0 0 0-.132 8.61M16.8 12a4.8 4.8 0 1 1-9.6 0a4.8 4.8 0 0 1 9.6 0"/></svg>

Frax アイコンの使い方

React

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

<Icon icon="token:frax" width="24" />

Vue

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

<template>
  <Icon icon="token:frax" width="24" />
</template>

Svelte

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

<Icon icon="token:frax" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token:frax"></iconify-icon>

HTML 画像

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

Web3 Icons の関連アイコン

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →