Fraxtal アイコン
token:fraxtal
Fraxtal アイコン(token:fraxtal)は、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="M5.31 15.34q.087.18.188.353c.097.169.144.276.13.299c-.01.021-.605.656-1.32 1.413c-.716.758-1.301 1.38-1.308 1.396a94 94 0 0 0 2.192 2.136l.076.063L6.4 19.801l1.3-1.374l.165-.17l.156.1q.325.209.672.38c.142-.746.399-1.476.71-2.184l-.109-.053c-.944-.489-1.524-1.512-1.869-2.594q-.39.151-.75.362c-.501.339-.883.738-1.364 1.072m4.088-8.79c-.137-.207-.286-.405-.434-.606a1.5 1.5 0 0 1-.824-.536l-.176.11l-.2-.2q-.54-.525-1.085-1.045c-.485-.468-.98-.944-1.099-1.062L5.366 3L4.294 4.14a85 85 0 0 0-1.08 1.16c-.005.01.526.539 1.178 1.166l1.26 1.219l.076.07l-.135.225q-.075.123-.14.25c.685.451 1.388.873 2.105 1.295c.464-.872 1.343-1.624 2.341-2.111a18 18 0 0 0-.342-.494c-.088-.123-.088-.246-.159-.37m9.074 1.474l-.093-.164l1.26-1.336c.693-.73 1.256-1.34 1.25-1.353c-.016-.046-2.225-2.159-2.253-2.159c-.018 0-.577.573-1.236 1.275c-.663.7-1.213 1.278-1.225 1.283s-.07-.026-.134-.07c-.125-.085-.752.193-1.16.293c-.229.51-.427 1.032-.63 1.549q.33.172.634.388c.326.234 1.105.848 1.336 1.178q.083.121.16.251c.732-.309 1.481-.59 2.214-.91a6 6 0 0 0-.121-.223zm.143 8.337l-.3-.288l.136-.229q.08-.131.153-.269c-.626-.548-1.213-1.093-1.884-1.613c-.243.73-.615 1.378-1.116 1.853a3.6 3.6 0 0 1-.948.627l.034.163c.14.668.527 1.178.808 1.776q.053.111.088.228q.137-.075.269-.154l.228-.14l.241.242q1.246 1.213 2.505 2.413c.023.007 2.174-2.271 2.171-2.297a181 181 0 0 0-2.385-2.31z"/><path fill="currentColor" d="M12.009 19.703a7.696 7.696 0 1 1 2.895-14.825a7.696 7.696 0 0 1-2.895 14.825m0-12.375c-2.58 0-4.681 2.1-4.681 4.68c0 2.581 2.1 4.682 4.68 4.682c2.581 0 4.682-2.1 4.682-4.681s-2.1-4.681-4.681-4.681"/></svg>Fraxtal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:fraxtal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:fraxtal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:fraxtal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--fraxtal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:fraxtal"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:fraxtal"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/fraxtal.svg" alt="Fraxtal アイコン" width="24" height="24">他のアイコンセットの Fraxtal アイコン
Fraxtal アイコン のよくある質問
Fraxtal アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fraxtal アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:fraxtal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fraxtal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/fraxtal.svg" alt="Fraxtal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。