Xsp アイコン

Q: Xsp アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token-branded:xsp

Xsp アイコン(token-branded:xsp)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons Branded
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#0f132f" d="M3.56 6.636V4.014c0-.81.9-1.289 1.564-.844C7.318 4.639 11.128 7.109 12 7.109c.867 0 4.755-2.544 6.881-3.939a1.012 1.012 0 0 1 1.559.844v2.093a.96.96 0 0 1-.422.805c-1.885 1.22-5.537 3.072-5.537 4.687c0 1.986 3.151 3.68 5.29 4.501c.393.158.669.535.669.968v2.96a.956.956 0 0 1-1.497.805c-2.6-1.824-6.122-4.485-6.943-4.485c-.822 0-4.344 2.661-6.944 4.485a.957.957 0 0 1-1.496-.805V17.45c0-.372.208-.715.534-.89c4.502-2.419 5.425-3.747 5.425-4.709c0-1.57-3.197-3.404-5.29-4.248a1.06 1.06 0 0 1-.67-.968"/><path fill="url(#SVGkAHVNfEZ)" d="M5.124 3.17a1.007 1.007 0 0 0-1.564.844v2.622c0 .428.275.805.675.968c2.082.844 5.284 2.678 5.284 4.248c0 .957-.923 2.296-5.425 4.71a1.01 1.01 0 0 0-.534.889v2.577a.957.957 0 0 0 1.496.805l1.66-1.182c1.874-1.334 3.827-2.735 4.817-3.168a10 10 0 0 1-.439-.343a28 28 0 0 0-2.178 1.35c-.782.535-1.648 1.16-2.498 1.761c-.568.411-1.125.81-1.643 1.17c-.304.209-.675 0-.675-.393V17.45c0-.18.056-.355.225-.45c2.268-1.21 3.669-2.172 4.513-2.977q.494-.455.844-1.03a5.7 5.7 0 0 0 1.378 2.454c.236.22.664.58 1.216.956q.114.045.225.102V16.5c.99.45 2.926 1.829 4.782 3.15l1.66 1.183a.957.957 0 0 0 1.497-.805v-2.96c0-.433-.276-.81-.675-.962c-2.138-.827-5.284-2.52-5.284-4.502c0-1.294 2.178-2.588 4.012-3.685a19 19 0 0 0 1.03-.675l.495-.332a.94.94 0 0 0 .422-.8V4.015a1.011 1.011 0 0 0-1.559-.844c-1.806 1.187-4.884 3.196-6.302 3.77q.261.158.507.338l.225-.102c.518-.247 1.136-.59 1.784-.967c1.007-.591 2.256-1.424 3.263-2.094l.794-.523c.337-.225.725.023.725.422v2.099c0 .169-.01.304-.129.382l-.281.18c-.31.197-.687.434-1.221.81l-.35.209q-.9.528-1.76 1.12c-.557.388-1.075.804-1.463 1.249a4 4 0 0 0-.287.365a4.62 4.62 0 0 0-1.52-2.689a5.7 5.7 0 0 0-1.204-.709a6 6 0 0 1-.731-.287l.005-.011c-1.53-.743-4.14-2.442-5.812-3.562M12.619 16h-.023a4.97 4.97 0 0 1-2.582-4.243a2.55 2.55 0 0 0-.647-1.43C9 9.877 8.494 9.444 7.949 9.05a18 18 0 0 0-3.534-1.913c-.225-.09-.293-.293-.293-.506V4.014c0-.405.389-.653.732-.428a92 92 0 0 0 3.95 2.532q.903.55 1.845 1.03q.473.23.974.394c.94.377 2.363 1.61 2.363 3.961v.096c0 1.255.974 2.307 2.043 3.095c1.103.773 2.3 1.405 3.561 1.879c.22.084.287.281.287.495v2.96c0 .394-.348.602-.652.394l-1.643-1.17q-1.24-.894-2.499-1.762a28 28 0 0 0-1.772-1.13a6 6 0 0 0-.692-.355z"/><defs><linearGradient id="SVGkAHVNfEZ" x1="12" x2="12" y1="3.001" y2="21.007" gradientUnits="userSpaceOnUse"><stop stop-color="#01ffff"/><stop offset="1" stop-color="#fe00fe"/></linearGradient></defs></g></svg>

Xsp アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:xsp" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:xsp" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:xsp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xsp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xsp"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:xsp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/xsp.svg" alt="Xsp アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

他のアイコンセットの Xsp アイコン

Xsp アイコンのよくある質問

Xsp アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Xsp アイコンを使うには?

@iconify/react をインストールして <Icon icon="token-branded:xsp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Xsp アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/xsp.svg" alt="Xsp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons Branded アイコンをすべて見る →