Apex アイコン

Q: Apex アイコンは商用利用でも無料ですか?

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

token:apex

Apex アイコン(token:apex)は、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="m13.053 14.817l-.032.005a2.88 2.88 0 0 1-2.056 0c-.09-.032-.159.069-.095.127c.286.265.678.43 1.123.43c.414.005.816-.147 1.123-.425c.053-.053.01-.137-.058-.137z"/><path fill="currentColor" d="M18.813 14.033a1 1 0 0 0-.037-.122l-3.21-8.56a3.7 3.7 0 0 0-2.088-2.077a3.93 3.93 0 0 0-2.882 0h-.005a3.68 3.68 0 0 0-2.093 2.082l-3.141 8.158a2.834 2.834 0 0 0 .927 3.427a.8.8 0 0 1 .137.122l.07.064l3.517 3.104a3.06 3.06 0 0 0 4.058 0l3.518-3.104q.179-.163.338-.344a2.98 2.98 0 0 0 .96-2.12a3 3 0 0 0-.07-.63m-5.086 4.545c-.472.371-1.076.843-1.732.843c-.657 0-1.261-.472-1.733-.843a.26.26 0 0 1-.078-.33a.3.3 0 0 1 .078-.093a2.82 2.82 0 0 1 3.47 0a.266.266 0 0 1 0 .423zm2.649-2.447l-1.727 1.658a.42.42 0 0 1-.54.032a3.5 3.5 0 0 0-2.114-.784a3.5 3.5 0 0 0-2.12.784a.4.4 0 0 1-.243.084a.4.4 0 0 1-.286-.116l-1.733-1.658a.375.375 0 0 1 .016-.567c1.208-1.017 2.744-1.44 4.366-1.44c1.626 0 3.162.423 4.37 1.44a.38.38 0 0 1 .01.567m-.01-4.376c-1.209 1.023-2.745 1.838-4.371 1.838s-3.158-.815-4.366-1.838a.374.374 0 0 1-.016-.567L9.34 9.53a.42.42 0 0 1 .54-.032c.6.466 1.336.917 2.114.917c.78 0 1.516-.45 2.12-.917a.41.41 0 0 1 .53.032l1.732 1.658a.383.383 0 0 1-.01.567"/></svg>

Apex アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons の関連アイコン

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →