Astar アイコン
token:astar
Astar アイコン(token:astar)は、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" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-2.029a6.971 6.971 0 1 0 0-13.942a6.971 6.971 0 0 0 0 13.942" clip-rule="evenodd"/><path fill="currentColor" d="M15.088 17.402a1.524 1.524 0 1 0 0-3.048a1.524 1.524 0 0 0 0 3.048"/><path fill="currentColor" d="M14.176 3.348c1.467.105 3.2 1.397 3.884 2.03l.873.938c-1.593-.742-2.99-1.571-4.757-1.528c-1.767.044-4.037 1.833-3.862 5.172s2.75 5.15 4.604 5.76c1.484.49 1.634-.183 1.503-.59c.599 1.164-.194 2.315-1.503 2.424c-1.047.087-2.415-.677-2.968-1.07c-1.483-1.04-4.294-4.05-3.665-7.768c.785-4.648 4.058-5.499 5.891-5.368"/><path fill="currentColor" d="M5.708 12.133a1.538 1.538 0 1 0 2.703 1.465a1.538 1.538 0 0 0-2.703-1.465"/><path fill="currentColor" d="M18.528 18.03c-.79 1.239-2.757 2.198-3.64 2.497l-1.24.32c1.41-1.046 2.81-1.93 3.614-3.504s.311-4.423-2.707-5.86s-5.838-.036-7.259 1.303c-1.136 1.072-.605 1.53-.184 1.609c-1.287 0-1.955-1.279-1.427-2.482c.422-.962 1.745-1.8 2.354-2.1c1.621-.809 5.607-1.846 8.577.478c3.712 2.906 2.9 6.189 1.912 7.738"/><path fill="currentColor" d="M15.091 6.58a1.537 1.537 0 1 0-2.635 1.583A1.537 1.537 0 0 0 15.09 6.58"/><path fill="currentColor" d="M3.498 14.625c-.665-1.311-.53-3.494-.34-4.406l.356-1.232c.184 1.748.271 3.403 1.219 4.896c.947 1.493 3.65 2.517 6.422.647c2.772-1.868 2.998-5.008 2.567-6.913c-.345-1.524-1.03-1.284-1.31-.962c.672-1.168 2.113-1.048 2.881.018c.615.853.664 2.419.612 3.095c-.127 1.807-1.26 5.767-4.771 7.143c-4.389 1.72-6.804-.648-7.636-2.286"/></svg>Astar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:astar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:astar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:astar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--astar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:astar"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:astar"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/astar.svg" alt="Astar アイコン" width="24" height="24">他のアイコンセットの Astar アイコン
Astar アイコン のよくある質問
Astar アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Astar アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:astar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Astar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/astar.svg" alt="Astar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。