Mina アイコン
token:mina
Mina アイコン(token:mina)は、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 20.154c1.015.042 1.322-.872 1.572-1.693c.06-.198.118-.389.182-.555c1.135-.344 1.883-1.329 2.076-2.83l1.263-8.983c.47-.076 1.285.061 1.657.164v13.337H21V8.902c0-1.49-.473-2.624-1.688-3.063v-.627c0-.818-.697-1.368-1.428-1.368c-.732 0-1.301.459-1.42 1.294l-.092.531c-1.326.377-2.011 1.58-2.237 3.321l-1.025 8.462c-.365.07-.738.101-1.11.091a5 5 0 0 1-1.11-.091L9.865 8.99c-.225-1.741-.95-2.933-2.277-3.31l-.05-.542c-.12-.835-.691-1.294-1.422-1.294s-1.429.55-1.429 1.368v.632C3.472 6.282 3 7.416 3 8.907v10.687h2.25V6.308c.53-.176 1.102-.253 1.657-.163l1.263 8.932c.193 1.5.941 2.485 2.076 2.83c.065.165.122.356.182.554c.25.822.557 1.734 1.572 1.693m0-1.97a5.7 5.7 0 0 1-1.004-.075c.084.654.236 1.395 1.004 1.493c.768-.098.92-.839 1.004-1.493q-.499.082-1.004.075m-7.313.847H3.562V8.906c0-1.264.52-1.962 1.125-2.338zm2.9-12.76c.889.326 1.407 1.131 1.598 2.635l.976 8.285c-.968-.703-1.119-.88-1.282-2.16zM5.25 5.68v-.463c0-.59.48-.81.866-.81c.285 0 .702.147.791.773l.03.353c-.562-.073-1.14.014-1.687.147m14.062 13.353h1.125V8.906c0-1.264-.518-2.022-1.125-2.398zm-2.94-12.775c-.887.326-1.366 1.146-1.558 2.65l-.975 8.285c.968-.703 1.118-.881 1.282-2.16zm2.378-.617v-.424c0-.59-.48-.81-.866-.81c-.285 0-.702.147-.791.773l-.07.356a4.8 4.8 0 0 1 1.727.105" clip-rule="evenodd"/></svg>Mina アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:mina" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:mina" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:mina" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--mina]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:mina"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:mina"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/mina.svg" alt="Mina アイコン" width="24" height="24">他のアイコンセットの Mina アイコン
Mina アイコン のよくある質問
Mina アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mina アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:mina" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mina アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/mina.svg" alt="Mina アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。