xi logo
xi-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xi-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 xi 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(#SVGHcSWxdhd179)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.92 4.01a.46.46 0 0 0-.356.329a.6.6 0 0 0 0 .222c.02.077.061.147.12.2a.4.4 0 0 0 .338.129q.06 0 .12-.018a.452.452 0 0 0 .253-.63a.46.46 0 0 0-.338-.232c-.07-.013-.07-.013-.138 0M5.217 7.565a.5.5 0 0 0-.196.12a.4.4 0 0 0-.133.293c0 .085.009.138.045.223a.48.48 0 0 0 .297.235a.6.6 0 0 0 .214 0a.47.47 0 0 0 .315-.31a.453.453 0 0 0-.32-.56a.6.6 0 0 0-.222 0m13.336 0a.445.445 0 0 0-.204.751a.42.42 0 0 0 .31.129a.4.4 0 0 0 .205-.044a.45.45 0 0 0-.084-.831a.7.7 0 0 0-.222-.005zm-8.777 3.546h.903l.057-.666h2.52l.062.666h.902V9.778H9.777zm.89 1.334h2.666v-.89h-2.667zm-.89 1.777h4.444V12.89h-.888l-.076.667h-2.515l-.062-.667h-.903zM5.258 15.56a.46.46 0 0 0-.369.475c.009.111.049.2.133.285a.5.5 0 0 0 .223.12a.7.7 0 0 0 .222-.014a.46.46 0 0 0 .298-.31a.6.6 0 0 0 0-.245a.45.45 0 0 0-.507-.311m13.35-.005a.45.45 0 0 0-.387.445a.445.445 0 1 0 .88-.09a.46.46 0 0 0-.493-.355m-6.702 3.564a.46.46 0 0 0-.329.285a.6.6 0 0 0-.018.244a.448.448 0 1 0 .863-.24a.46.46 0 0 0-.516-.289m-5.24-9.785l-.888-.667v2.889l.889-.667zm2-2.667L6.222 8.223l.89.666l1.554-1.11l1.778 1.11l1.555-.888l1.334.666v-1.11l-1.334-.667l-1.555.888z"/><path fill="#fff" d="M11.778 5.113L9.334 6.446l1.11.444l1.334-.666zm.444 1.11v-1.11l2.445 1.333v1.778l1.777 1.11v1.778l-.888.444v-1.555l-1.778-1.11V7.112z"/><path fill="#fff" d="M15.555 8.222V6.89l2.222 1.556l-1.111.444zm2.666.667l-.889.444v1.778L15.555 12v2l-1.333.666l.888.667l1.334-.89v-1.777l1.777-.889z"/><path fill="#fff" d="M18.221 15.11v-2.666l-.889.444v1.778zm-.444.445l-.89-.445l-1.555.889l-1.777-.889L12 16l-1.334-.889v1.111L12 17.11l1.555-.889l1.777.889z"/><path fill="#fff" d="m14.667 17.554l-2.444 1.111l.222-1.333l1.11-.444zm-3.11 0v1.111l-2.223-1.333v-1.777l-1.777-1.111V13.11l.888-.666v1.333l1.778 1.111v1.778z"/><path fill="#fff" d="M8.445 15.778v1.11l-2.222-1.333l.889-.444zm-1.777-1.111l-.89.444v-2.888l1.778-1.111V9.334l1.334-.667l.888.667l-1.333.667v1.555l-1.777 1.111z"/></g><defs><clipPath id="SVGHcSWxdhd179"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXiBackground(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(#SVGHcSWxdhd179)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.92 4.01a.46.46 0 0 0-.356.329a.6.6 0 0 0 0 .222c.02.077.061.147.12.2a.4.4 0 0 0 .338.129q.06 0 .12-.018a.452.452 0 0 0 .253-.63a.46.46 0 0 0-.338-.232c-.07-.013-.07-.013-.138 0M5.217 7.565a.5.5 0 0 0-.196.12a.4.4 0 0 0-.133.293c0 .085.009.138.045.223a.48.48 0 0 0 .297.235a.6.6 0 0 0 .214 0a.47.47 0 0 0 .315-.31a.453.453 0 0 0-.32-.56a.6.6 0 0 0-.222 0m13.336 0a.445.445 0 0 0-.204.751a.42.42 0 0 0 .31.129a.4.4 0 0 0 .205-.044a.45.45 0 0 0-.084-.831a.7.7 0 0 0-.222-.005zm-8.777 3.546h.903l.057-.666h2.52l.062.666h.902V9.778H9.777zm.89 1.334h2.666v-.89h-2.667zm-.89 1.777h4.444V12.89h-.888l-.076.667h-2.515l-.062-.667h-.903zM5.258 15.56a.46.46 0 0 0-.369.475c.009.111.049.2.133.285a.5.5 0 0 0 .223.12a.7.7 0 0 0 .222-.014a.46.46 0 0 0 .298-.31a.6.6 0 0 0 0-.245a.45.45 0 0 0-.507-.311m13.35-.005a.45.45 0 0 0-.387.445a.445.445 0 1 0 .88-.09a.46.46 0 0 0-.493-.355m-6.702 3.564a.46.46 0 0 0-.329.285a.6.6 0 0 0-.018.244a.448.448 0 1 0 .863-.24a.46.46 0 0 0-.516-.289m-5.24-9.785l-.888-.667v2.889l.889-.667zm2-2.667L6.222 8.223l.89.666l1.554-1.11l1.778 1.11l1.555-.888l1.334.666v-1.11l-1.334-.667l-1.555.888z"/><path fill="#fff" d="M11.778 5.113L9.334 6.446l1.11.444l1.334-.666zm.444 1.11v-1.11l2.445 1.333v1.778l1.777 1.11v1.778l-.888.444v-1.555l-1.778-1.11V7.112z"/><path fill="#fff" d="M15.555 8.222V6.89l2.222 1.556l-1.111.444zm2.666.667l-.889.444v1.778L15.555 12v2l-1.333.666l.888.667l1.334-.89v-1.777l1.777-.889z"/><path fill="#fff" d="M18.221 15.11v-2.666l-.889.444v1.778zm-.444.445l-.89-.445l-1.555.889l-1.777-.889L12 16l-1.334-.889v1.111L12 17.11l1.555-.889l1.777.889z"/><path fill="#fff" d="m14.667 17.554l-2.444 1.111l.222-1.333l1.11-.444zm-3.11 0v1.111l-2.223-1.333v-1.777l-1.777-1.111V13.11l.888-.666v1.333l1.778 1.111v1.778z"/><path fill="#fff" d="M8.445 15.778v1.11l-2.222-1.333l.889-.444zm-1.777-1.111l-.89.444v-2.888l1.778-1.111V9.334l1.334-.667l.888.667l-1.333.667v1.555l-1.777 1.111z"/></g><defs><clipPath id="SVGHcSWxdhd179"><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(#SVGHcSWxdhd179)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.92 4.01a.46.46 0 0 0-.356.329a.6.6 0 0 0 0 .222c.02.077.061.147.12.2a.4.4 0 0 0 .338.129q.06 0 .12-.018a.452.452 0 0 0 .253-.63a.46.46 0 0 0-.338-.232c-.07-.013-.07-.013-.138 0M5.217 7.565a.5.5 0 0 0-.196.12a.4.4 0 0 0-.133.293c0 .085.009.138.045.223a.48.48 0 0 0 .297.235a.6.6 0 0 0 .214 0a.47.47 0 0 0 .315-.31a.453.453 0 0 0-.32-.56a.6.6 0 0 0-.222 0m13.336 0a.445.445 0 0 0-.204.751a.42.42 0 0 0 .31.129a.4.4 0 0 0 .205-.044a.45.45 0 0 0-.084-.831a.7.7 0 0 0-.222-.005zm-8.777 3.546h.903l.057-.666h2.52l.062.666h.902V9.778H9.777zm.89 1.334h2.666v-.89h-2.667zm-.89 1.777h4.444V12.89h-.888l-.076.667h-2.515l-.062-.667h-.903zM5.258 15.56a.46.46 0 0 0-.369.475c.009.111.049.2.133.285a.5.5 0 0 0 .223.12a.7.7 0 0 0 .222-.014a.46.46 0 0 0 .298-.31a.6.6 0 0 0 0-.245a.45.45 0 0 0-.507-.311m13.35-.005a.45.45 0 0 0-.387.445a.445.445 0 1 0 .88-.09a.46.46 0 0 0-.493-.355m-6.702 3.564a.46.46 0 0 0-.329.285a.6.6 0 0 0-.018.244a.448.448 0 1 0 .863-.24a.46.46 0 0 0-.516-.289m-5.24-9.785l-.888-.667v2.889l.889-.667zm2-2.667L6.222 8.223l.89.666l1.554-1.11l1.778 1.11l1.555-.888l1.334.666v-1.11l-1.334-.667l-1.555.888z"/><path fill="#fff" d="M11.778 5.113L9.334 6.446l1.11.444l1.334-.666zm.444 1.11v-1.11l2.445 1.333v1.778l1.777 1.11v1.778l-.888.444v-1.555l-1.778-1.11V7.112z"/><path fill="#fff" d="M15.555 8.222V6.89l2.222 1.556l-1.111.444zm2.666.667l-.889.444v1.778L15.555 12v2l-1.333.666l.888.667l1.334-.89v-1.777l1.777-.889z"/><path fill="#fff" d="M18.221 15.11v-2.666l-.889.444v1.778zm-.444.445l-.89-.445l-1.555.889l-1.777-.889L12 16l-1.334-.889v1.111L12 17.11l1.555-.889l1.777.889z"/><path fill="#fff" d="m14.667 17.554l-2.444 1.111l.222-1.333l1.11-.444zm-3.11 0v1.111l-2.223-1.333v-1.777l-1.777-1.111V13.11l.888-.666v1.333l1.778 1.111v1.778z"/><path fill="#fff" d="M8.445 15.778v1.11l-2.222-1.333l.889-.444zm-1.777-1.111l-.89.444v-2.888l1.778-1.111V9.334l1.334-.667l.888.667l-1.333.667v1.555l-1.777 1.111z"/></g><defs><clipPath id="SVGHcSWxdhd179"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xi-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(%23SVGHcSWxdhd179)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.92%204.01a.46.46%200%200%200-.356.329a.6.6%200%200%200%200%20.222c.02.077.061.147.12.2a.4.4%200%200%200%20.338.129q.06%200%20.12-.018a.452.452%200%200%200%20.253-.63a.46.46%200%200%200-.338-.232c-.07-.013-.07-.013-.138%200M5.217%207.565a.5.5%200%200%200-.196.12a.4.4%200%200%200-.133.293c0%20.085.009.138.045.223a.48.48%200%200%200%20.297.235a.6.6%200%200%200%20.214%200a.47.47%200%200%200%20.315-.31a.453.453%200%200%200-.32-.56a.6.6%200%200%200-.222%200m13.336%200a.445.445%200%200%200-.204.751a.42.42%200%200%200%20.31.129a.4.4%200%200%200%20.205-.044a.45.45%200%200%200-.084-.831a.7.7%200%200%200-.222-.005zm-8.777%203.546h.903l.057-.666h2.52l.062.666h.902V9.778H9.777zm.89%201.334h2.666v-.89h-2.667zm-.89%201.777h4.444V12.89h-.888l-.076.667h-2.515l-.062-.667h-.903zM5.258%2015.56a.46.46%200%200%200-.369.475c.009.111.049.2.133.285a.5.5%200%200%200%20.223.12a.7.7%200%200%200%20.222-.014a.46.46%200%200%200%20.298-.31a.6.6%200%200%200%200-.245a.45.45%200%200%200-.507-.311m13.35-.005a.45.45%200%200%200-.387.445a.445.445%200%201%200%20.88-.09a.46.46%200%200%200-.493-.355m-6.702%203.564a.46.46%200%200%200-.329.285a.6.6%200%200%200-.018.244a.448.448%200%201%200%20.863-.24a.46.46%200%200%200-.516-.289m-5.24-9.785l-.888-.667v2.889l.889-.667zm2-2.667L6.222%208.223l.89.666l1.554-1.11l1.778%201.11l1.555-.888l1.334.666v-1.11l-1.334-.667l-1.555.888z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.778%205.113L9.334%206.446l1.11.444l1.334-.666zm.444%201.11v-1.11l2.445%201.333v1.778l1.777%201.11v1.778l-.888.444v-1.555l-1.778-1.11V7.112z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.555%208.222V6.89l2.222%201.556l-1.111.444zm2.666.667l-.889.444v1.778L15.555%2012v2l-1.333.666l.888.667l1.334-.89v-1.777l1.777-.889z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.221%2015.11v-2.666l-.889.444v1.778zm-.444.445l-.89-.445l-1.555.889l-1.777-.889L12%2016l-1.334-.889v1.111L12%2017.11l1.555-.889l1.777.889z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m14.667%2017.554l-2.444%201.111l.222-1.333l1.11-.444zm-3.11%200v1.111l-2.223-1.333v-1.777l-1.777-1.111V13.11l.888-.666v1.333l1.778%201.111v1.778z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.445%2015.778v1.11l-2.222-1.333l.889-.444zm-1.777-1.111l-.89.444v-2.888l1.778-1.111V9.334l1.334-.667l.888.667l-1.333.667v1.555l-1.777%201.111z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd179%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(%23SVGHcSWxdhd179)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.92%204.01a.46.46%200%200%200-.356.329a.6.6%200%200%200%200%20.222c.02.077.061.147.12.2a.4.4%200%200%200%20.338.129q.06%200%20.12-.018a.452.452%200%200%200%20.253-.63a.46.46%200%200%200-.338-.232c-.07-.013-.07-.013-.138%200M5.217%207.565a.5.5%200%200%200-.196.12a.4.4%200%200%200-.133.293c0%20.085.009.138.045.223a.48.48%200%200%200%20.297.235a.6.6%200%200%200%20.214%200a.47.47%200%200%200%20.315-.31a.453.453%200%200%200-.32-.56a.6.6%200%200%200-.222%200m13.336%200a.445.445%200%200%200-.204.751a.42.42%200%200%200%20.31.129a.4.4%200%200%200%20.205-.044a.45.45%200%200%200-.084-.831a.7.7%200%200%200-.222-.005zm-8.777%203.546h.903l.057-.666h2.52l.062.666h.902V9.778H9.777zm.89%201.334h2.666v-.89h-2.667zm-.89%201.777h4.444V12.89h-.888l-.076.667h-2.515l-.062-.667h-.903zM5.258%2015.56a.46.46%200%200%200-.369.475c.009.111.049.2.133.285a.5.5%200%200%200%20.223.12a.7.7%200%200%200%20.222-.014a.46.46%200%200%200%20.298-.31a.6.6%200%200%200%200-.245a.45.45%200%200%200-.507-.311m13.35-.005a.45.45%200%200%200-.387.445a.445.445%200%201%200%20.88-.09a.46.46%200%200%200-.493-.355m-6.702%203.564a.46.46%200%200%200-.329.285a.6.6%200%200%200-.018.244a.448.448%200%201%200%20.863-.24a.46.46%200%200%200-.516-.289m-5.24-9.785l-.888-.667v2.889l.889-.667zm2-2.667L6.222%208.223l.89.666l1.554-1.11l1.778%201.11l1.555-.888l1.334.666v-1.11l-1.334-.667l-1.555.888z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.778%205.113L9.334%206.446l1.11.444l1.334-.666zm.444%201.11v-1.11l2.445%201.333v1.778l1.777%201.11v1.778l-.888.444v-1.555l-1.778-1.11V7.112z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.555%208.222V6.89l2.222%201.556l-1.111.444zm2.666.667l-.889.444v1.778L15.555%2012v2l-1.333.666l.888.667l1.334-.89v-1.777l1.777-.889z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.221%2015.11v-2.666l-.889.444v1.778zm-.444.445l-.89-.445l-1.555.889l-1.777-.889L12%2016l-1.334-.889v1.111L12%2017.11l1.555-.889l1.777.889z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m14.667%2017.554l-2.444%201.111l.222-1.333l1.11-.444zm-3.11%200v1.111l-2.223-1.333v-1.777l-1.777-1.111V13.11l.888-.666v1.333l1.778%201.111v1.778z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.445%2015.778v1.11l-2.222-1.333l.889-.444zm-1.777-1.111l-.89.444v-2.888l1.778-1.111V9.334l1.334-.667l.888.667l-1.333.667v1.555l-1.777%201.111z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd179%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/xi-background.svg?color=%231a73e8&size=48
