Myst アイコン
token:myst
Myst アイコン(token:myst)は、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="M20.946 13.313L15.11 7.55a.205.205 0 0 0-.271 0l-2.866 2.82l-2.809-2.774a.19.19 0 0 0-.271 0l-.877.85l-3.223 3.118l-.704.683l-1.036.995A.18.18 0 0 0 3 13.38a.23.23 0 0 0 .053.138l2.912 2.873c.076.075.202.075.271 0l2.796-2.756l2.832 2.796c.076.074.202.074.271 0l2.803-2.767l2.82 2.782a.2.2 0 0 0 .138.053a.2.2 0 0 0 .14-.053l2.91-2.873a.18.18 0 0 0 .054-.138q0-.081-.054-.123m-.523.238l-1.674-.608l-.767-1.633l.443.062l2.104 2.077zm-.946.934l-.496-1.049l1.141.415zM7.954 10.706l-2.36.627l2.36-2.289zM5.025 11.88l1.654-.438l-.109 1.839l-2.011-.944zm2.052-.543l.294-.075l.784 1.189l-1.227 1.342zm1.34.81l-.659-.996l.374-.098l.94.383zm-.077-1.424v-.695l2.237.183l.56 1.656zm1.893 2.153l.8.483l.133 1.845l-1.132-1.11zm1.089.209l-1.016-.621l.076-.483l.956.392a.13.13 0 0 0 .076.03l.963.398l.403 1.178zm1.449-.34l1.048-.535l-.767 1.348zm1.452-1.163l-.97.497l.232-1.623l1.35.813zm1.016-.522l-1.81-1.088l-.317-.192l.476-.467l2.058.66l.195.78zm.986-.376l-.48-1.969l2.237 2.208zm.016.386l.41.052l.444 4.121l-1.181-1.166zm.801.114l.49.069l.698 1.485l-.854 1.565zm-2.074-3.226l.241.238l.328 1.342l-1.638-.522zm-2.862 2.827l.73-.721l.289.176l-.295 2.054l-.301.154l-.93-.376l-.76-2.26l.992.98a.216.216 0 0 0 .275-.007M9.022 8.012l1.204 1.185l.209.62l-2.094-.175v-.974zm-4.765 4.611l2.284 1.065l-.063 1.012l-2.042-.353l-.97-.956zm1.84 3.37l-1.188-1.172l1.535.268l-.04.59zm2.793-2.76l-2.065 2.039l.053-.872l.006-.007l2.561-2.795l.566.228l-.116.706l-.201 1.225l-.53-.523a.195.195 0 0 0-.274 0m3.113 2.8l-.42-.415l-.14-2.015l1.536.934l.14.398zm2.941-2.822a.2.2 0 0 0-.139.052l-1.39 1.372l-.201-.591l1.234-2.162l1.39-.706l-.278 2.55l-.473-.466a.23.23 0 0 0-.143-.049m2.952 2.835l-.374-.369l-.077-.706l.987-1.809l.754 1.61z"/></svg>Myst アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:myst" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:myst" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:myst" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--myst]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:myst"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:myst"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/myst.svg" alt="Myst アイコン" width="24" height="24">他のアイコンセットの Myst アイコン
Myst アイコン のよくある質問
Myst アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Myst アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:myst" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Myst アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/myst.svg" alt="Myst アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。