Jup アイコン
token:jup
Jup アイコン(token:jup)は、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="M4.723 16.919a9.05 9.05 0 0 0 2.837 2.477a9.4 9.4 0 0 0 3.641 1.145c-.66-.957-1.62-1.837-2.82-2.507c-1.198-.67-2.468-1.037-3.658-1.115m5.27-1.554c-2.31-1.292-4.81-1.62-6.598-1.04q.259.827.68 1.589c1.554-.035 3.25.371 4.83 1.254c1.578.883 2.786 2.1 3.525 3.418a9.6 9.6 0 0 0 1.771-.218c-.361-1.784-1.899-3.711-4.208-5.003M21 10.122a8.7 8.7 0 0 0-1.562-3.178a9.05 9.05 0 0 0-2.73-2.337a9.4 9.4 0 0 0-3.46-1.125a9.5 9.5 0 0 0-3.643.268c1.976.233 4.17.947 6.322 2.15S19.811 8.584 21 10.122m-2.876 4.215c-1.011-1.617-2.744-3.166-4.88-4.36c-2.134-1.193-4.39-1.875-6.35-1.92c-1.723-.04-3.016.443-3.547 1.323l-.01.015q-.072.247-.127.496c.741-.281 1.6-.438 2.556-.456c2.124-.038 4.5.616 6.695 1.842c2.193 1.227 3.962 2.892 4.98 4.686c.455.808.74 1.604.853 2.365q.196-.17.385-.351l.008-.017c.531-.881.326-2.201-.563-3.623"/><path fill="currentColor" d="M11.62 12.67c-3.27-1.83-6.883-2.116-8.62-.84q.005.6.095 1.194a7.5 7.5 0 0 1 1.57-.28c1.942-.14 4.082.38 6.025 1.467c1.942 1.086 3.473 2.619 4.308 4.31c.231.464.407.951.525 1.452a9 9 0 0 0 1.125-.511c.29-2.085-1.758-4.964-5.028-6.793m8.185-1.037c-1.023-1.616-2.771-3.169-4.922-4.37s-4.414-1.894-6.38-1.95c-1.498-.042-2.658.308-3.26.968c2.499-.407 5.794.278 8.988 2.064s5.446 4.202 6.315 6.493c.298-.83.038-1.973-.741-3.205"/></svg>Jup アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:jup" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:jup" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:jup" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--jup]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:jup"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:jup"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/jup.svg" alt="Jup アイコン" width="24" height="24">他のアイコンセットの Jup アイコン
Jup アイコン のよくある質問
Jup アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jup アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:jup" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jup アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/jup.svg" alt="Jup アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。