Jup Background アイコン
token-branded:jup-background
Jup Background アイコン(token-branded:jup-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- jupbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="url(#SVG5bbIwbQK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.531 16.373a8 8 0 0 0 2.522 2.202a8.4 8.4 0 0 0 3.237 1.017c-.587-.85-1.44-1.633-2.506-2.229s-2.195-.92-3.253-.99"/><path fill="#fff" d="M10.216 14.991c-2.053-1.148-4.275-1.44-5.865-.924q.23.735.604 1.412c1.382-.03 2.89.33 4.293 1.115s2.477 1.867 3.134 3.038a8.5 8.5 0 0 0 1.575-.194c-.322-1.585-1.689-3.299-3.741-4.447M20 10.33a7.7 7.7 0 0 0-1.389-2.824a8 8 0 0 0-2.426-2.078a8.4 8.4 0 0 0-3.076-1a8.4 8.4 0 0 0-3.238.239c1.757.207 3.707.842 5.62 1.911c1.912 1.07 3.453 2.386 4.509 3.753m-2.556 3.747c-.9-1.438-2.44-2.814-4.338-3.875c-1.898-1.062-3.903-1.668-5.644-1.708C5.93 8.46 4.78 8.89 4.308 9.671l-.01.014a8 8 0 0 0-.111.44c.659-.25 1.422-.39 2.271-.405c1.888-.034 4.001.547 5.951 1.638s3.523 2.57 4.427 4.165c.405.718.658 1.426.758 2.102q.176-.15.342-.312l.008-.015c.472-.783.29-1.957-.5-3.22"/><path fill="#fff" d="M11.662 12.595C8.756 10.97 5.544 10.715 4 11.85q.005.533.084 1.06a6.6 6.6 0 0 1 1.396-.248c1.726-.126 3.629.337 5.355 1.303s3.088 2.328 3.83 3.832c.205.412.362.845.467 1.29q.515-.195 1-.454c.258-1.853-1.563-4.412-4.47-6.038m7.276-.922c-.91-1.436-2.464-2.816-4.375-3.885s-3.924-1.683-5.67-1.733c-1.332-.037-2.364.274-2.899.86c2.221-.361 5.15.247 7.99 1.835s4.84 3.736 5.612 5.772c.265-.738.035-1.754-.658-2.85"/></g><defs><linearGradient id="SVG5bbIwbQK" x1="29.347" x2="-9.201" y1="-37.844" y2="2.505" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c7f284"/><stop offset="1" stop-color="#00bef0"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Jup Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:jup-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:jup-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:jup-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--jup-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:jup-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:jup-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/jup-background.svg" alt="Jup Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Jup Background アイコン のよくある質問
Jup Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jup Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:jup-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jup Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/jup-background.svg" alt="Jup Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。