xels logo
xels-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xels-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 xels 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(#SVGHcSWxdhd50)"><path fill="#4db135" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="m4 8.6l3.546 6.8h.472L4.44 8.6zm1.164 6.8l1.092-1.854l-.4-.678L4.353 15.4zM9.17 8.6l-1.682 2.854l-.372-.708L8.391 8.6zm-.783 6.8L4.841 8.6h.78L9.2 15.4zm3.815-6.795c-1.896.097-3.402 1.58-3.402 3.394s1.506 3.299 3.402 3.395v-.8c-1.383-.09-2.489-1.113-2.594-2.394H11.6v-.8H9.675c.277-1.09 1.292-1.914 2.527-1.994zm.4.801v-.801c1.894.099 3.398 1.58 3.398 3.394c0 1.044-.497 1.977-1.28 2.6h2.08l-.4.8h-3.8v-.8h.002v-.006c1.452-.096 2.598-1.22 2.598-2.594c0-1.372-1.146-2.497-2.598-2.593m5.557 2.986a3 3 0 0 1-.222-.022a1.8 1.8 0 0 1-.403-.096a1.6 1.6 0 0 1-.5-.272l.003-.002a1.9 1.9 0 0 1-.734-1.51c0-.991.747-1.805 1.697-1.884v.816c-.456.102-.8.546-.8 1.078c0 .593.427 1.076.96 1.099q.076.008.166.026c.939.09 1.674.9 1.674 1.886c0 1-.755 1.818-1.712 1.89H16.8l.4-.8h1.12c.496-.065.88-.534.88-1.1c0-.613-.448-1.11-1-1.11z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd50"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXelsBackground(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(#SVGHcSWxdhd50)"><path fill="#4db135" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="m4 8.6l3.546 6.8h.472L4.44 8.6zm1.164 6.8l1.092-1.854l-.4-.678L4.353 15.4zM9.17 8.6l-1.682 2.854l-.372-.708L8.391 8.6zm-.783 6.8L4.841 8.6h.78L9.2 15.4zm3.815-6.795c-1.896.097-3.402 1.58-3.402 3.394s1.506 3.299 3.402 3.395v-.8c-1.383-.09-2.489-1.113-2.594-2.394H11.6v-.8H9.675c.277-1.09 1.292-1.914 2.527-1.994zm.4.801v-.801c1.894.099 3.398 1.58 3.398 3.394c0 1.044-.497 1.977-1.28 2.6h2.08l-.4.8h-3.8v-.8h.002v-.006c1.452-.096 2.598-1.22 2.598-2.594c0-1.372-1.146-2.497-2.598-2.593m5.557 2.986a3 3 0 0 1-.222-.022a1.8 1.8 0 0 1-.403-.096a1.6 1.6 0 0 1-.5-.272l.003-.002a1.9 1.9 0 0 1-.734-1.51c0-.991.747-1.805 1.697-1.884v.816c-.456.102-.8.546-.8 1.078c0 .593.427 1.076.96 1.099q.076.008.166.026c.939.09 1.674.9 1.674 1.886c0 1-.755 1.818-1.712 1.89H16.8l.4-.8h1.12c.496-.065.88-.534.88-1.1c0-.613-.448-1.11-1-1.11z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd50"><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(#SVGHcSWxdhd50)"><path fill="#4db135" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="m4 8.6l3.546 6.8h.472L4.44 8.6zm1.164 6.8l1.092-1.854l-.4-.678L4.353 15.4zM9.17 8.6l-1.682 2.854l-.372-.708L8.391 8.6zm-.783 6.8L4.841 8.6h.78L9.2 15.4zm3.815-6.795c-1.896.097-3.402 1.58-3.402 3.394s1.506 3.299 3.402 3.395v-.8c-1.383-.09-2.489-1.113-2.594-2.394H11.6v-.8H9.675c.277-1.09 1.292-1.914 2.527-1.994zm.4.801v-.801c1.894.099 3.398 1.58 3.398 3.394c0 1.044-.497 1.977-1.28 2.6h2.08l-.4.8h-3.8v-.8h.002v-.006c1.452-.096 2.598-1.22 2.598-2.594c0-1.372-1.146-2.497-2.598-2.593m5.557 2.986a3 3 0 0 1-.222-.022a1.8 1.8 0 0 1-.403-.096a1.6 1.6 0 0 1-.5-.272l.003-.002a1.9 1.9 0 0 1-.734-1.51c0-.991.747-1.805 1.697-1.884v.816c-.456.102-.8.546-.8 1.078c0 .593.427 1.076.96 1.099q.076.008.166.026c.939.09 1.674.9 1.674 1.886c0 1-.755 1.818-1.712 1.89H16.8l.4-.8h1.12c.496-.065.88-.534.88-1.1c0-.613-.448-1.11-1-1.11z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd50"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xels-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(%23SVGHcSWxdhd50)%22%3E%3Cpath%20fill%3D%22%234db135%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m4%208.6l3.546%206.8h.472L4.44%208.6zm1.164%206.8l1.092-1.854l-.4-.678L4.353%2015.4zM9.17%208.6l-1.682%202.854l-.372-.708L8.391%208.6zm-.783%206.8L4.841%208.6h.78L9.2%2015.4zm3.815-6.795c-1.896.097-3.402%201.58-3.402%203.394s1.506%203.299%203.402%203.395v-.8c-1.383-.09-2.489-1.113-2.594-2.394H11.6v-.8H9.675c.277-1.09%201.292-1.914%202.527-1.994zm.4.801v-.801c1.894.099%203.398%201.58%203.398%203.394c0%201.044-.497%201.977-1.28%202.6h2.08l-.4.8h-3.8v-.8h.002v-.006c1.452-.096%202.598-1.22%202.598-2.594c0-1.372-1.146-2.497-2.598-2.593m5.557%202.986a3%203%200%200%201-.222-.022a1.8%201.8%200%200%201-.403-.096a1.6%201.6%200%200%201-.5-.272l.003-.002a1.9%201.9%200%200%201-.734-1.51c0-.991.747-1.805%201.697-1.884v.816c-.456.102-.8.546-.8%201.078c0%20.593.427%201.076.96%201.099q.076.008.166.026c.939.09%201.674.9%201.674%201.886c0%201-.755%201.818-1.712%201.89H16.8l.4-.8h1.12c.496-.065.88-.534.88-1.1c0-.613-.448-1.11-1-1.11z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd50%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(%23SVGHcSWxdhd50)%22%3E%3Cpath%20fill%3D%22%234db135%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m4%208.6l3.546%206.8h.472L4.44%208.6zm1.164%206.8l1.092-1.854l-.4-.678L4.353%2015.4zM9.17%208.6l-1.682%202.854l-.372-.708L8.391%208.6zm-.783%206.8L4.841%208.6h.78L9.2%2015.4zm3.815-6.795c-1.896.097-3.402%201.58-3.402%203.394s1.506%203.299%203.402%203.395v-.8c-1.383-.09-2.489-1.113-2.594-2.394H11.6v-.8H9.675c.277-1.09%201.292-1.914%202.527-1.994zm.4.801v-.801c1.894.099%203.398%201.58%203.398%203.394c0%201.044-.497%201.977-1.28%202.6h2.08l-.4.8h-3.8v-.8h.002v-.006c1.452-.096%202.598-1.22%202.598-2.594c0-1.372-1.146-2.497-2.598-2.593m5.557%202.986a3%203%200%200%201-.222-.022a1.8%201.8%200%200%201-.403-.096a1.6%201.6%200%200%201-.5-.272l.003-.002a1.9%201.9%200%200%201-.734-1.51c0-.991.747-1.805%201.697-1.884v.816c-.456.102-.8.546-.8%201.078c0%20.593.427%201.076.96%201.099q.076.008.166.026c.939.09%201.674.9%201.674%201.886c0%201-.755%201.818-1.712%201.89H16.8l.4-.8h1.12c.496-.065.88-.534.88-1.1c0-.613-.448-1.11-1-1.11z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd50%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/xels-background.svg?color=%231a73e8&size=48
