Fra アイコン
token:fra
Fra アイコン(token:fra)は、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="M7.103 6.343a.18.18 0 0 0 .24.126l8.798-2.267c.21-.048.186-.342-.036-.36l-9.656-.84c-.138-.006-.24.108-.204.228l.858 3.12zm.881 5.542L6.701 7.273l-.168-.6l-.69-2.453c-.048-.18-.312-.18-.366 0l-2.47 8.84c-.037.139.09.265.24.229l4.6-1.182c.095-.018.155-.12.131-.222zm9.98-7.51c.27-.071.57.049.714.283l2.297 3.838c.06.096.006.234-.12.27L8.849 11.843a.18.18 0 0 1-.24-.126l-1.23-4.426c-.035-.102.025-.204.133-.228zM8.249 12.84a.18.18 0 0 0-.093-.114a.18.18 0 0 0-.147-.006l-4.6 1.181c-.138.03-.192.21-.09.3l6.766 6.556c.143.132.371.006.33-.18l-2.16-7.731zm.756-.39L20.46 9.498c.186-.042.318.156.204.3L11.487 20.93c-.096.12-.288.072-.336-.072l-2.279-8.181c-.036-.096.03-.198.132-.228"/></svg>Fra アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:fra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:fra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:fra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--fra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:fra"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:fra"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/fra.svg" alt="Fra アイコン" width="24" height="24">Web3 Icons の関連アイコン
他のアイコンセットの Fra アイコン
Fra アイコン のよくある質問
Fra アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fra アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:fra" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fra アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/fra.svg" alt="Fra アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。