xsp logo
xsp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xsp-background
- Set
- Web3 Icons Branded
- Style
- Background
- 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"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="#0f132f" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.498 7.232v-2.33c0-.72.8-1.146 1.39-.75c1.95 1.305 5.337 3.5 6.112 3.5c.77 0 4.227-2.26 6.117-3.5a.9.9 0 0 1 1.386.75v1.86a.85.85 0 0 1-.375.715c-1.676 1.086-4.922 2.731-4.922 4.167c0 1.765 2.8 3.27 4.701 4c.35.14.596.476.596.861v2.631a.85.85 0 0 1-.896.863a.85.85 0 0 1-.435-.148c-2.31-1.62-5.442-3.986-6.172-3.986s-3.861 2.366-6.172 3.986a.85.85 0 0 1-1.33-.715v-2.29a.9.9 0 0 1 .475-.79c4.001-2.152 4.821-3.332 4.821-4.187c0-1.396-2.84-3.026-4.701-3.777a.94.94 0 0 1-.595-.86"/><path fill="#fff" d="M5.888 4.151a.895.895 0 0 0-1.39.75v2.331c0 .38.245.716.6.86c1.85.75 4.696 2.381 4.696 3.777c0 .85-.82 2.04-4.821 4.186a.9.9 0 0 0-.475.79v2.291a.85.85 0 0 0 1.33.716l1.476-1.05c1.665-1.186 3.4-2.432 4.281-2.817a8 8 0 0 1-.39-.305q-.996.556-1.936 1.2c-.695.476-1.465 1.031-2.22 1.566c-.506.365-1 .72-1.461 1.04c-.27.186-.6 0-.6-.35v-2.29c0-.16.05-.316.2-.4c2.016-1.076 3.261-1.931 4.011-2.647c.292-.268.545-.576.75-.915c.2.75.6 1.53 1.226 2.181c.21.195.59.515 1.08.85q.102.04.2.09V16c.88.4 2.601 1.626 4.252 2.801l1.475 1.05a.85.85 0 0 0 1.33-.715v-2.63a.92.92 0 0 0-.6-.856c-1.9-.735-4.696-2.24-4.696-4.001c0-1.15 1.936-2.3 3.566-3.276c.265-.155.61-.39.916-.6l.44-.296a.83.83 0 0 0 .375-.71V4.902a.9.9 0 0 0-.933-.892a.9.9 0 0 0-.453.141c-1.605 1.056-4.341 2.841-5.602 3.351q.232.141.45.3l.2-.09c.46-.22 1.01-.525 1.586-.86c.895-.525 2.006-1.265 2.901-1.86l.705-.466c.3-.2.646.02.646.376v1.865c0 .15-.01.27-.116.34l-.25.16c-.275.175-.61.386-1.085.72l-.31.186q-.801.47-1.565.995c-.496.345-.956.715-1.301 1.11c-.09.1-.18.215-.255.325a4.1 4.1 0 0 0-1.35-2.39a5 5 0 0 0-1.07-.63a5 5 0 0 1-.651-.256l.005-.01c-1.36-.66-3.681-2.17-5.167-3.166m6.662 11.404h-.02a4.42 4.42 0 0 1-2.295-3.771a2.27 2.27 0 0 0-.576-1.27c-.325-.4-.775-.786-1.26-1.136a16 16 0 0 0-3.141-1.7c-.2-.08-.26-.26-.26-.45V4.901c0-.36.345-.58.65-.38c.97.655 2.316 1.535 3.511 2.25q.803.49 1.64.916q.421.204.866.35c.835.335 2.1 1.43 2.1 3.52v.086c0 1.115.866 2.05 1.816 2.75a14.3 14.3 0 0 0 3.166 1.671c.195.075.256.25.256.44v2.631c0 .35-.31.536-.58.35l-1.461-1.04q-1.102-.794-2.221-1.565c-.585-.4-1.13-.75-1.575-1.006c-.225-.13-.43-.24-.616-.315z"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXspBackground(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"><g clipPath="url(#SVGHcSWxdhd1)"><path fill="#0f132f" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.498 7.232v-2.33c0-.72.8-1.146 1.39-.75c1.95 1.305 5.337 3.5 6.112 3.5c.77 0 4.227-2.26 6.117-3.5a.9.9 0 0 1 1.386.75v1.86a.85.85 0 0 1-.375.715c-1.676 1.086-4.922 2.731-4.922 4.167c0 1.765 2.8 3.27 4.701 4c.35.14.596.476.596.861v2.631a.85.85 0 0 1-.896.863a.85.85 0 0 1-.435-.148c-2.31-1.62-5.442-3.986-6.172-3.986s-3.861 2.366-6.172 3.986a.85.85 0 0 1-1.33-.715v-2.29a.9.9 0 0 1 .475-.79c4.001-2.152 4.821-3.332 4.821-4.187c0-1.396-2.84-3.026-4.701-3.777a.94.94 0 0 1-.595-.86"/><path fill="#fff" d="M5.888 4.151a.895.895 0 0 0-1.39.75v2.331c0 .38.245.716.6.86c1.85.75 4.696 2.381 4.696 3.777c0 .85-.82 2.04-4.821 4.186a.9.9 0 0 0-.475.79v2.291a.85.85 0 0 0 1.33.716l1.476-1.05c1.665-1.186 3.4-2.432 4.281-2.817a8 8 0 0 1-.39-.305q-.996.556-1.936 1.2c-.695.476-1.465 1.031-2.22 1.566c-.506.365-1 .72-1.461 1.04c-.27.186-.6 0-.6-.35v-2.29c0-.16.05-.316.2-.4c2.016-1.076 3.261-1.931 4.011-2.647c.292-.268.545-.576.75-.915c.2.75.6 1.53 1.226 2.181c.21.195.59.515 1.08.85q.102.04.2.09V16c.88.4 2.601 1.626 4.252 2.801l1.475 1.05a.85.85 0 0 0 1.33-.715v-2.63a.92.92 0 0 0-.6-.856c-1.9-.735-4.696-2.24-4.696-4.001c0-1.15 1.936-2.3 3.566-3.276c.265-.155.61-.39.916-.6l.44-.296a.83.83 0 0 0 .375-.71V4.902a.9.9 0 0 0-.933-.892a.9.9 0 0 0-.453.141c-1.605 1.056-4.341 2.841-5.602 3.351q.232.141.45.3l.2-.09c.46-.22 1.01-.525 1.586-.86c.895-.525 2.006-1.265 2.901-1.86l.705-.466c.3-.2.646.02.646.376v1.865c0 .15-.01.27-.116.34l-.25.16c-.275.175-.61.386-1.085.72l-.31.186q-.801.47-1.565.995c-.496.345-.956.715-1.301 1.11c-.09.1-.18.215-.255.325a4.1 4.1 0 0 0-1.35-2.39a5 5 0 0 0-1.07-.63a5 5 0 0 1-.651-.256l.005-.01c-1.36-.66-3.681-2.17-5.167-3.166m6.662 11.404h-.02a4.42 4.42 0 0 1-2.295-3.771a2.27 2.27 0 0 0-.576-1.27c-.325-.4-.775-.786-1.26-1.136a16 16 0 0 0-3.141-1.7c-.2-.08-.26-.26-.26-.45V4.901c0-.36.345-.58.65-.38c.97.655 2.316 1.535 3.511 2.25q.803.49 1.64.916q.421.204.866.35c.835.335 2.1 1.43 2.1 3.52v.086c0 1.115.866 2.05 1.816 2.75a14.3 14.3 0 0 0 3.166 1.671c.195.075.256.25.256.44v2.631c0 .35-.31.536-.58.35l-1.461-1.04q-1.102-.794-2.221-1.565c-.585-.4-1.13-.75-1.575-1.006c-.225-.13-.43-.24-.616-.315z"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="#0f132f" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.498 7.232v-2.33c0-.72.8-1.146 1.39-.75c1.95 1.305 5.337 3.5 6.112 3.5c.77 0 4.227-2.26 6.117-3.5a.9.9 0 0 1 1.386.75v1.86a.85.85 0 0 1-.375.715c-1.676 1.086-4.922 2.731-4.922 4.167c0 1.765 2.8 3.27 4.701 4c.35.14.596.476.596.861v2.631a.85.85 0 0 1-.896.863a.85.85 0 0 1-.435-.148c-2.31-1.62-5.442-3.986-6.172-3.986s-3.861 2.366-6.172 3.986a.85.85 0 0 1-1.33-.715v-2.29a.9.9 0 0 1 .475-.79c4.001-2.152 4.821-3.332 4.821-4.187c0-1.396-2.84-3.026-4.701-3.777a.94.94 0 0 1-.595-.86"/><path fill="#fff" d="M5.888 4.151a.895.895 0 0 0-1.39.75v2.331c0 .38.245.716.6.86c1.85.75 4.696 2.381 4.696 3.777c0 .85-.82 2.04-4.821 4.186a.9.9 0 0 0-.475.79v2.291a.85.85 0 0 0 1.33.716l1.476-1.05c1.665-1.186 3.4-2.432 4.281-2.817a8 8 0 0 1-.39-.305q-.996.556-1.936 1.2c-.695.476-1.465 1.031-2.22 1.566c-.506.365-1 .72-1.461 1.04c-.27.186-.6 0-.6-.35v-2.29c0-.16.05-.316.2-.4c2.016-1.076 3.261-1.931 4.011-2.647c.292-.268.545-.576.75-.915c.2.75.6 1.53 1.226 2.181c.21.195.59.515 1.08.85q.102.04.2.09V16c.88.4 2.601 1.626 4.252 2.801l1.475 1.05a.85.85 0 0 0 1.33-.715v-2.63a.92.92 0 0 0-.6-.856c-1.9-.735-4.696-2.24-4.696-4.001c0-1.15 1.936-2.3 3.566-3.276c.265-.155.61-.39.916-.6l.44-.296a.83.83 0 0 0 .375-.71V4.902a.9.9 0 0 0-.933-.892a.9.9 0 0 0-.453.141c-1.605 1.056-4.341 2.841-5.602 3.351q.232.141.45.3l.2-.09c.46-.22 1.01-.525 1.586-.86c.895-.525 2.006-1.265 2.901-1.86l.705-.466c.3-.2.646.02.646.376v1.865c0 .15-.01.27-.116.34l-.25.16c-.275.175-.61.386-1.085.72l-.31.186q-.801.47-1.565.995c-.496.345-.956.715-1.301 1.11c-.09.1-.18.215-.255.325a4.1 4.1 0 0 0-1.35-2.39a5 5 0 0 0-1.07-.63a5 5 0 0 1-.651-.256l.005-.01c-1.36-.66-3.681-2.17-5.167-3.166m6.662 11.404h-.02a4.42 4.42 0 0 1-2.295-3.771a2.27 2.27 0 0 0-.576-1.27c-.325-.4-.775-.786-1.26-1.136a16 16 0 0 0-3.141-1.7c-.2-.08-.26-.26-.26-.45V4.901c0-.36.345-.58.65-.38c.97.655 2.316 1.535 3.511 2.25q.803.49 1.64.916q.421.204.866.35c.835.335 2.1 1.43 2.1 3.52v.086c0 1.115.866 2.05 1.816 2.75a14.3 14.3 0 0 0 3.166 1.671c.195.075.256.25.256.44v2.631c0 .35-.31.536-.58.35l-1.461-1.04q-1.102-.794-2.221-1.565c-.585-.4-1.13-.75-1.575-1.006c-.225-.13-.43-.24-.616-.315z"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xsp-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%230f132f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.498%207.232v-2.33c0-.72.8-1.146%201.39-.75c1.95%201.305%205.337%203.5%206.112%203.5c.77%200%204.227-2.26%206.117-3.5a.9.9%200%200%201%201.386.75v1.86a.85.85%200%200%201-.375.715c-1.676%201.086-4.922%202.731-4.922%204.167c0%201.765%202.8%203.27%204.701%204c.35.14.596.476.596.861v2.631a.85.85%200%200%201-.896.863a.85.85%200%200%201-.435-.148c-2.31-1.62-5.442-3.986-6.172-3.986s-3.861%202.366-6.172%203.986a.85.85%200%200%201-1.33-.715v-2.29a.9.9%200%200%201%20.475-.79c4.001-2.152%204.821-3.332%204.821-4.187c0-1.396-2.84-3.026-4.701-3.777a.94.94%200%200%201-.595-.86%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.888%204.151a.895.895%200%200%200-1.39.75v2.331c0%20.38.245.716.6.86c1.85.75%204.696%202.381%204.696%203.777c0%20.85-.82%202.04-4.821%204.186a.9.9%200%200%200-.475.79v2.291a.85.85%200%200%200%201.33.716l1.476-1.05c1.665-1.186%203.4-2.432%204.281-2.817a8%208%200%200%201-.39-.305q-.996.556-1.936%201.2c-.695.476-1.465%201.031-2.22%201.566c-.506.365-1%20.72-1.461%201.04c-.27.186-.6%200-.6-.35v-2.29c0-.16.05-.316.2-.4c2.016-1.076%203.261-1.931%204.011-2.647c.292-.268.545-.576.75-.915c.2.75.6%201.53%201.226%202.181c.21.195.59.515%201.08.85q.102.04.2.09V16c.88.4%202.601%201.626%204.252%202.801l1.475%201.05a.85.85%200%200%200%201.33-.715v-2.63a.92.92%200%200%200-.6-.856c-1.9-.735-4.696-2.24-4.696-4.001c0-1.15%201.936-2.3%203.566-3.276c.265-.155.61-.39.916-.6l.44-.296a.83.83%200%200%200%20.375-.71V4.902a.9.9%200%200%200-.933-.892a.9.9%200%200%200-.453.141c-1.605%201.056-4.341%202.841-5.602%203.351q.232.141.45.3l.2-.09c.46-.22%201.01-.525%201.586-.86c.895-.525%202.006-1.265%202.901-1.86l.705-.466c.3-.2.646.02.646.376v1.865c0%20.15-.01.27-.116.34l-.25.16c-.275.175-.61.386-1.085.72l-.31.186q-.801.47-1.565.995c-.496.345-.956.715-1.301%201.11c-.09.1-.18.215-.255.325a4.1%204.1%200%200%200-1.35-2.39a5%205%200%200%200-1.07-.63a5%205%200%200%201-.651-.256l.005-.01c-1.36-.66-3.681-2.17-5.167-3.166m6.662%2011.404h-.02a4.42%204.42%200%200%201-2.295-3.771a2.27%202.27%200%200%200-.576-1.27c-.325-.4-.775-.786-1.26-1.136a16%2016%200%200%200-3.141-1.7c-.2-.08-.26-.26-.26-.45V4.901c0-.36.345-.58.65-.38c.97.655%202.316%201.535%203.511%202.25q.803.49%201.64.916q.421.204.866.35c.835.335%202.1%201.43%202.1%203.52v.086c0%201.115.866%202.05%201.816%202.75a14.3%2014.3%200%200%200%203.166%201.671c.195.075.256.25.256.44v2.631c0%20.35-.31.536-.58.35l-1.461-1.04q-1.102-.794-2.221-1.565c-.585-.4-1.13-.75-1.575-1.006c-.225-.13-.43-.24-.616-.315z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%230f132f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.498%207.232v-2.33c0-.72.8-1.146%201.39-.75c1.95%201.305%205.337%203.5%206.112%203.5c.77%200%204.227-2.26%206.117-3.5a.9.9%200%200%201%201.386.75v1.86a.85.85%200%200%201-.375.715c-1.676%201.086-4.922%202.731-4.922%204.167c0%201.765%202.8%203.27%204.701%204c.35.14.596.476.596.861v2.631a.85.85%200%200%201-.896.863a.85.85%200%200%201-.435-.148c-2.31-1.62-5.442-3.986-6.172-3.986s-3.861%202.366-6.172%203.986a.85.85%200%200%201-1.33-.715v-2.29a.9.9%200%200%201%20.475-.79c4.001-2.152%204.821-3.332%204.821-4.187c0-1.396-2.84-3.026-4.701-3.777a.94.94%200%200%201-.595-.86%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.888%204.151a.895.895%200%200%200-1.39.75v2.331c0%20.38.245.716.6.86c1.85.75%204.696%202.381%204.696%203.777c0%20.85-.82%202.04-4.821%204.186a.9.9%200%200%200-.475.79v2.291a.85.85%200%200%200%201.33.716l1.476-1.05c1.665-1.186%203.4-2.432%204.281-2.817a8%208%200%200%201-.39-.305q-.996.556-1.936%201.2c-.695.476-1.465%201.031-2.22%201.566c-.506.365-1%20.72-1.461%201.04c-.27.186-.6%200-.6-.35v-2.29c0-.16.05-.316.2-.4c2.016-1.076%203.261-1.931%204.011-2.647c.292-.268.545-.576.75-.915c.2.75.6%201.53%201.226%202.181c.21.195.59.515%201.08.85q.102.04.2.09V16c.88.4%202.601%201.626%204.252%202.801l1.475%201.05a.85.85%200%200%200%201.33-.715v-2.63a.92.92%200%200%200-.6-.856c-1.9-.735-4.696-2.24-4.696-4.001c0-1.15%201.936-2.3%203.566-3.276c.265-.155.61-.39.916-.6l.44-.296a.83.83%200%200%200%20.375-.71V4.902a.9.9%200%200%200-.933-.892a.9.9%200%200%200-.453.141c-1.605%201.056-4.341%202.841-5.602%203.351q.232.141.45.3l.2-.09c.46-.22%201.01-.525%201.586-.86c.895-.525%202.006-1.265%202.901-1.86l.705-.466c.3-.2.646.02.646.376v1.865c0%20.15-.01.27-.116.34l-.25.16c-.275.175-.61.386-1.085.72l-.31.186q-.801.47-1.565.995c-.496.345-.956.715-1.301%201.11c-.09.1-.18.215-.255.325a4.1%204.1%200%200%200-1.35-2.39a5%205%200%200%200-1.07-.63a5%205%200%200%201-.651-.256l.005-.01c-1.36-.66-3.681-2.17-5.167-3.166m6.662%2011.404h-.02a4.42%204.42%200%200%201-2.295-3.771a2.27%202.27%200%200%200-.576-1.27c-.325-.4-.775-.786-1.26-1.136a16%2016%200%200%200-3.141-1.7c-.2-.08-.26-.26-.26-.45V4.901c0-.36.345-.58.65-.38c.97.655%202.316%201.535%203.511%202.25q.803.49%201.64.916q.421.204.866.35c.835.335%202.1%201.43%202.1%203.52v.086c0%201.115.866%202.05%201.816%202.75a14.3%2014.3%200%200%200%203.166%201.671c.195.075.256.25.256.44v2.631c0%20.35-.31.536-.58.35l-1.461-1.04q-1.102-.794-2.221-1.565c-.585-.4-1.13-.75-1.575-1.006c-.225-.13-.43-.24-.616-.315z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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-background.svg?color=%231a73e8&size=48
