xsp logo

xsp from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: xsp
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the xsp logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function TokenBrandedXsp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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 stopColor="#01ffff"/><stop offset="1" stopColor="#fe00fe"/></linearGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-xsp {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230f132f%22%20d%3D%22M3.56%206.636V4.014c0-.81.9-1.289%201.564-.844C7.318%204.639%2011.128%207.109%2012%207.109c.867%200%204.755-2.544%206.881-3.939a1.012%201.012%200%200%201%201.559.844v2.093a.96.96%200%200%201-.422.805c-1.885%201.22-5.537%203.072-5.537%204.687c0%201.986%203.151%203.68%205.29%204.501c.393.158.669.535.669.968v2.96a.956.956%200%200%201-1.497.805c-2.6-1.824-6.122-4.485-6.943-4.485c-.822%200-4.344%202.661-6.944%204.485a.957.957%200%200%201-1.496-.805V17.45c0-.372.208-.715.534-.89c4.502-2.419%205.425-3.747%205.425-4.709c0-1.57-3.197-3.404-5.29-4.248a1.06%201.06%200%200%201-.67-.968%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGkAHVNfEZ)%22%20d%3D%22M5.124%203.17a1.007%201.007%200%200%200-1.564.844v2.622c0%20.428.275.805.675.968c2.082.844%205.284%202.678%205.284%204.248c0%20.957-.923%202.296-5.425%204.71a1.01%201.01%200%200%200-.534.889v2.577a.957.957%200%200%200%201.496.805l1.66-1.182c1.874-1.334%203.827-2.735%204.817-3.168a10%2010%200%200%201-.439-.343a28%2028%200%200%200-2.178%201.35c-.782.535-1.648%201.16-2.498%201.761c-.568.411-1.125.81-1.643%201.17c-.304.209-.675%200-.675-.393V17.45c0-.18.056-.355.225-.45c2.268-1.21%203.669-2.172%204.513-2.977q.494-.455.844-1.03a5.7%205.7%200%200%200%201.378%202.454c.236.22.664.58%201.216.956q.114.045.225.102V16.5c.99.45%202.926%201.829%204.782%203.15l1.66%201.183a.957.957%200%200%200%201.497-.805v-2.96c0-.433-.276-.81-.675-.962c-2.138-.827-5.284-2.52-5.284-4.502c0-1.294%202.178-2.588%204.012-3.685a19%2019%200%200%200%201.03-.675l.495-.332a.94.94%200%200%200%20.422-.8V4.015a1.011%201.011%200%200%200-1.559-.844c-1.806%201.187-4.884%203.196-6.302%203.77q.261.158.507.338l.225-.102c.518-.247%201.136-.59%201.784-.967c1.007-.591%202.256-1.424%203.263-2.094l.794-.523c.337-.225.725.023.725.422v2.099c0%20.169-.01.304-.129.382l-.281.18c-.31.197-.687.434-1.221.81l-.35.209q-.9.528-1.76%201.12c-.557.388-1.075.804-1.463%201.249a4%204%200%200%200-.287.365a4.62%204.62%200%200%200-1.52-2.689a5.7%205.7%200%200%200-1.204-.709a6%206%200%200%201-.731-.287l.005-.011c-1.53-.743-4.14-2.442-5.812-3.562M12.619%2016h-.023a4.97%204.97%200%200%201-2.582-4.243a2.55%202.55%200%200%200-.647-1.43C9%209.877%208.494%209.444%207.949%209.05a18%2018%200%200%200-3.534-1.913c-.225-.09-.293-.293-.293-.506V4.014c0-.405.389-.653.732-.428a92%2092%200%200%200%203.95%202.532q.903.55%201.845%201.03q.473.23.974.394c.94.377%202.363%201.61%202.363%203.961v.096c0%201.255.974%202.307%202.043%203.095c1.103.773%202.3%201.405%203.561%201.879c.22.084.287.281.287.495v2.96c0%20.394-.348.602-.652.394l-1.643-1.17q-1.24-.894-2.499-1.762a28%2028%200%200%200-1.772-1.13a6%206%200%200%200-.692-.355z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGkAHVNfEZ%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.001%22%20y2%3D%2221.007%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2301ffff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fe00fe%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230f132f%22%20d%3D%22M3.56%206.636V4.014c0-.81.9-1.289%201.564-.844C7.318%204.639%2011.128%207.109%2012%207.109c.867%200%204.755-2.544%206.881-3.939a1.012%201.012%200%200%201%201.559.844v2.093a.96.96%200%200%201-.422.805c-1.885%201.22-5.537%203.072-5.537%204.687c0%201.986%203.151%203.68%205.29%204.501c.393.158.669.535.669.968v2.96a.956.956%200%200%201-1.497.805c-2.6-1.824-6.122-4.485-6.943-4.485c-.822%200-4.344%202.661-6.944%204.485a.957.957%200%200%201-1.496-.805V17.45c0-.372.208-.715.534-.89c4.502-2.419%205.425-3.747%205.425-4.709c0-1.57-3.197-3.404-5.29-4.248a1.06%201.06%200%200%201-.67-.968%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGkAHVNfEZ)%22%20d%3D%22M5.124%203.17a1.007%201.007%200%200%200-1.564.844v2.622c0%20.428.275.805.675.968c2.082.844%205.284%202.678%205.284%204.248c0%20.957-.923%202.296-5.425%204.71a1.01%201.01%200%200%200-.534.889v2.577a.957.957%200%200%200%201.496.805l1.66-1.182c1.874-1.334%203.827-2.735%204.817-3.168a10%2010%200%200%201-.439-.343a28%2028%200%200%200-2.178%201.35c-.782.535-1.648%201.16-2.498%201.761c-.568.411-1.125.81-1.643%201.17c-.304.209-.675%200-.675-.393V17.45c0-.18.056-.355.225-.45c2.268-1.21%203.669-2.172%204.513-2.977q.494-.455.844-1.03a5.7%205.7%200%200%200%201.378%202.454c.236.22.664.58%201.216.956q.114.045.225.102V16.5c.99.45%202.926%201.829%204.782%203.15l1.66%201.183a.957.957%200%200%200%201.497-.805v-2.96c0-.433-.276-.81-.675-.962c-2.138-.827-5.284-2.52-5.284-4.502c0-1.294%202.178-2.588%204.012-3.685a19%2019%200%200%200%201.03-.675l.495-.332a.94.94%200%200%200%20.422-.8V4.015a1.011%201.011%200%200%200-1.559-.844c-1.806%201.187-4.884%203.196-6.302%203.77q.261.158.507.338l.225-.102c.518-.247%201.136-.59%201.784-.967c1.007-.591%202.256-1.424%203.263-2.094l.794-.523c.337-.225.725.023.725.422v2.099c0%20.169-.01.304-.129.382l-.281.18c-.31.197-.687.434-1.221.81l-.35.209q-.9.528-1.76%201.12c-.557.388-1.075.804-1.463%201.249a4%204%200%200%200-.287.365a4.62%204.62%200%200%200-1.52-2.689a5.7%205.7%200%200%200-1.204-.709a6%206%200%200%201-.731-.287l.005-.011c-1.53-.743-4.14-2.442-5.812-3.562M12.619%2016h-.023a4.97%204.97%200%200%201-2.582-4.243a2.55%202.55%200%200%200-.647-1.43C9%209.877%208.494%209.444%207.949%209.05a18%2018%200%200%200-3.534-1.913c-.225-.09-.293-.293-.293-.506V4.014c0-.405.389-.653.732-.428a92%2092%200%200%200%203.95%202.532q.903.55%201.845%201.03q.473.23.974.394c.94.377%202.363%201.61%202.363%203.961v.096c0%201.255.974%202.307%202.043%203.095c1.103.773%202.3%201.405%203.561%201.879c.22.084.287.281.287.495v2.96c0%20.394-.348.602-.652.394l-1.643-1.17q-1.24-.894-2.499-1.762a28%2028%200%200%200-1.772-1.13a6%206%200%200%200-.692-.355z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGkAHVNfEZ%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.001%22%20y2%3D%2221.007%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2301ffff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fe00fe%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/xsp.svg?color=%231a73e8&size=48