Fraxtal Background アイコン
token-branded:fraxtal-background
Fraxtal Background アイコン(token-branded:fraxtal-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- fraxtalbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.053 14.969q.078.16.167.314c.086.15.128.245.116.265c-.01.02-.538.583-1.174 1.257A93 93 0 0 0 4 18.045q.96.965 1.948 1.899l.068.056l1.007-1.066l1.154-1.222l.146-.151l.14.089q.288.186.596.34c.127-.665.355-1.313.632-1.943L9.594 16c-.84-.434-1.355-1.344-1.661-2.306a5 5 0 0 0-.667.322c-.446.301-.785.656-1.213.953m3.635-7.813c-.122-.184-.255-.36-.386-.539a1.33 1.33 0 0 1-.733-.476l-.157.096l-.178-.176q-.479-.467-.964-.93c-.43-.415-.872-.839-.976-.944L6.104 4L5.15 5.013a76 76 0 0 0-.96 1.03c-.004.01.468.48 1.047 1.038l1.12 1.083l.068.063l-.12.2a5 5 0 0 0-.125.221c.61.402 1.234.777 1.872 1.152c.412-.775 1.193-1.444 2.08-1.877q-.148-.222-.304-.439c-.078-.109-.078-.218-.14-.328m8.065 1.31l-.083-.146l1.12-1.187c.616-.65 1.116-1.192 1.112-1.203c-.015-.04-1.979-1.92-2.004-1.92c-.015 0-.512.51-1.098 1.134a86 86 0 0 1-1.09 1.14c-.01.005-.062-.023-.118-.062c-.11-.075-.669.172-1.031.26c-.203.454-.38.918-.56 1.377q.294.153.563.346c.29.207.983.753 1.188 1.047q.074.107.142.223c.651-.275 1.317-.525 1.969-.81a5 5 0 0 0-.108-.198zm.127 7.41l-.266-.256l.12-.203q.071-.117.136-.239c-.556-.487-1.078-.972-1.675-1.434c-.215.648-.547 1.225-.992 1.647a3.2 3.2 0 0 1-.842.557l.03.146c.125.593.468 1.047.718 1.578q.048.098.079.203q.12-.067.239-.137l.203-.125l.214.215q1.107 1.08 2.226 2.145c.02.007 1.933-2.018 1.93-2.042a162 162 0 0 0-2.12-2.053z"/><path fill="#fff" d="M12.008 18.847a6.841 6.841 0 0 1-2.663-13.14a6.84 6.84 0 1 1 2.663 13.14m0-11a4.166 4.166 0 0 0-4.161 4.16a4.166 4.166 0 0 0 4.16 4.162a4.166 4.166 0 0 0 4.162-4.161a4.166 4.166 0 0 0-4.161-4.161"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Fraxtal Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:fraxtal-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:fraxtal-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:fraxtal-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--fraxtal-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:fraxtal-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:fraxtal-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/fraxtal-background.svg" alt="Fraxtal Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Fraxtal Background アイコン のよくある質問
Fraxtal Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fraxtal Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:fraxtal-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fraxtal Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/fraxtal-background.svg" alt="Fraxtal Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。