xdefi logo
xdefi-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xdefi-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 xdefi 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="#4476f2" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.594 12.981c-1.238.757-2.894 1.147-4.572 1.064c-1.41-.068-2.568-.568-3.267-1.389c-.615-.734-.853-1.703-.692-2.818c.055-.37.167-.73.332-1.067l.024-.047a7.2 7.2 0 0 1 2.5-2.707a7.35 7.35 0 0 1 7.173-.394a7.2 7.2 0 0 1 2.791 2.416a7.05 7.05 0 0 1 .52 7.055a7.2 7.2 0 0 1-2.406 2.788a7.3 7.3 0 0 1-3.493 1.25l.077.868a8.2 8.2 0 0 0 3.922-1.4a8.05 8.05 0 0 0 2.703-3.13a7.91 7.91 0 0 0-.587-7.921a8.1 8.1 0 0 0-3.135-2.71a8.25 8.25 0 0 0-8.053.45A8.06 8.06 0 0 0 4.63 8.332l-.031.062a4.5 4.5 0 0 0-.411 1.325c-.193 1.359.105 2.568.884 3.499c.851 1.018 2.237 1.624 3.9 1.703c2.023.1 4.035-.443 5.463-1.442z"/><path fill="#fff" d="M15.287 13.97c-.805.688-2.677 1.937-5.783 2.107c-3.476.19-4.926-.923-4.939-.935l-.28.341l.282-.335l-.567.67c.061.051 1.451 1.156 4.714 1.156c.267 0 .548 0 .84-.023c3.753-.206 5.816-1.818 6.534-2.507z"/><path fill="#fff" d="M16.794 14.87a6.4 6.4 0 0 1-1.73 1.552c-2.352 1.495-5.344 1.688-7.439 1.584l-.044.872q.526.025 1.018.025c5.908 0 8.295-2.65 8.962-3.596l-.769-.444m-.222-3.296c.39 0 .708-.313.708-.698a.704.704 0 0 0-.709-.698a.704.704 0 0 0-.709.698c0 .385.318.698.71.698"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXdefiBackground(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="#4476f2" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.594 12.981c-1.238.757-2.894 1.147-4.572 1.064c-1.41-.068-2.568-.568-3.267-1.389c-.615-.734-.853-1.703-.692-2.818c.055-.37.167-.73.332-1.067l.024-.047a7.2 7.2 0 0 1 2.5-2.707a7.35 7.35 0 0 1 7.173-.394a7.2 7.2 0 0 1 2.791 2.416a7.05 7.05 0 0 1 .52 7.055a7.2 7.2 0 0 1-2.406 2.788a7.3 7.3 0 0 1-3.493 1.25l.077.868a8.2 8.2 0 0 0 3.922-1.4a8.05 8.05 0 0 0 2.703-3.13a7.91 7.91 0 0 0-.587-7.921a8.1 8.1 0 0 0-3.135-2.71a8.25 8.25 0 0 0-8.053.45A8.06 8.06 0 0 0 4.63 8.332l-.031.062a4.5 4.5 0 0 0-.411 1.325c-.193 1.359.105 2.568.884 3.499c.851 1.018 2.237 1.624 3.9 1.703c2.023.1 4.035-.443 5.463-1.442z"/><path fill="#fff" d="M15.287 13.97c-.805.688-2.677 1.937-5.783 2.107c-3.476.19-4.926-.923-4.939-.935l-.28.341l.282-.335l-.567.67c.061.051 1.451 1.156 4.714 1.156c.267 0 .548 0 .84-.023c3.753-.206 5.816-1.818 6.534-2.507z"/><path fill="#fff" d="M16.794 14.87a6.4 6.4 0 0 1-1.73 1.552c-2.352 1.495-5.344 1.688-7.439 1.584l-.044.872q.526.025 1.018.025c5.908 0 8.295-2.65 8.962-3.596l-.769-.444m-.222-3.296c.39 0 .708-.313.708-.698a.704.704 0 0 0-.709-.698a.704.704 0 0 0-.709.698c0 .385.318.698.71.698"/></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="#4476f2" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.594 12.981c-1.238.757-2.894 1.147-4.572 1.064c-1.41-.068-2.568-.568-3.267-1.389c-.615-.734-.853-1.703-.692-2.818c.055-.37.167-.73.332-1.067l.024-.047a7.2 7.2 0 0 1 2.5-2.707a7.35 7.35 0 0 1 7.173-.394a7.2 7.2 0 0 1 2.791 2.416a7.05 7.05 0 0 1 .52 7.055a7.2 7.2 0 0 1-2.406 2.788a7.3 7.3 0 0 1-3.493 1.25l.077.868a8.2 8.2 0 0 0 3.922-1.4a8.05 8.05 0 0 0 2.703-3.13a7.91 7.91 0 0 0-.587-7.921a8.1 8.1 0 0 0-3.135-2.71a8.25 8.25 0 0 0-8.053.45A8.06 8.06 0 0 0 4.63 8.332l-.031.062a4.5 4.5 0 0 0-.411 1.325c-.193 1.359.105 2.568.884 3.499c.851 1.018 2.237 1.624 3.9 1.703c2.023.1 4.035-.443 5.463-1.442z"/><path fill="#fff" d="M15.287 13.97c-.805.688-2.677 1.937-5.783 2.107c-3.476.19-4.926-.923-4.939-.935l-.28.341l.282-.335l-.567.67c.061.051 1.451 1.156 4.714 1.156c.267 0 .548 0 .84-.023c3.753-.206 5.816-1.818 6.534-2.507z"/><path fill="#fff" d="M16.794 14.87a6.4 6.4 0 0 1-1.73 1.552c-2.352 1.495-5.344 1.688-7.439 1.584l-.044.872q.526.025 1.018.025c5.908 0 8.295-2.65 8.962-3.596l-.769-.444m-.222-3.296c.39 0 .708-.313.708-.698a.704.704 0 0 0-.709-.698a.704.704 0 0 0-.709.698c0 .385.318.698.71.698"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xdefi-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%234476f2%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.594%2012.981c-1.238.757-2.894%201.147-4.572%201.064c-1.41-.068-2.568-.568-3.267-1.389c-.615-.734-.853-1.703-.692-2.818c.055-.37.167-.73.332-1.067l.024-.047a7.2%207.2%200%200%201%202.5-2.707a7.35%207.35%200%200%201%207.173-.394a7.2%207.2%200%200%201%202.791%202.416a7.05%207.05%200%200%201%20.52%207.055a7.2%207.2%200%200%201-2.406%202.788a7.3%207.3%200%200%201-3.493%201.25l.077.868a8.2%208.2%200%200%200%203.922-1.4a8.05%208.05%200%200%200%202.703-3.13a7.91%207.91%200%200%200-.587-7.921a8.1%208.1%200%200%200-3.135-2.71a8.25%208.25%200%200%200-8.053.45A8.06%208.06%200%200%200%204.63%208.332l-.031.062a4.5%204.5%200%200%200-.411%201.325c-.193%201.359.105%202.568.884%203.499c.851%201.018%202.237%201.624%203.9%201.703c2.023.1%204.035-.443%205.463-1.442z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.287%2013.97c-.805.688-2.677%201.937-5.783%202.107c-3.476.19-4.926-.923-4.939-.935l-.28.341l.282-.335l-.567.67c.061.051%201.451%201.156%204.714%201.156c.267%200%20.548%200%20.84-.023c3.753-.206%205.816-1.818%206.534-2.507z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.794%2014.87a6.4%206.4%200%200%201-1.73%201.552c-2.352%201.495-5.344%201.688-7.439%201.584l-.044.872q.526.025%201.018.025c5.908%200%208.295-2.65%208.962-3.596l-.769-.444m-.222-3.296c.39%200%20.708-.313.708-.698a.704.704%200%200%200-.709-.698a.704.704%200%200%200-.709.698c0%20.385.318.698.71.698%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%234476f2%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.594%2012.981c-1.238.757-2.894%201.147-4.572%201.064c-1.41-.068-2.568-.568-3.267-1.389c-.615-.734-.853-1.703-.692-2.818c.055-.37.167-.73.332-1.067l.024-.047a7.2%207.2%200%200%201%202.5-2.707a7.35%207.35%200%200%201%207.173-.394a7.2%207.2%200%200%201%202.791%202.416a7.05%207.05%200%200%201%20.52%207.055a7.2%207.2%200%200%201-2.406%202.788a7.3%207.3%200%200%201-3.493%201.25l.077.868a8.2%208.2%200%200%200%203.922-1.4a8.05%208.05%200%200%200%202.703-3.13a7.91%207.91%200%200%200-.587-7.921a8.1%208.1%200%200%200-3.135-2.71a8.25%208.25%200%200%200-8.053.45A8.06%208.06%200%200%200%204.63%208.332l-.031.062a4.5%204.5%200%200%200-.411%201.325c-.193%201.359.105%202.568.884%203.499c.851%201.018%202.237%201.624%203.9%201.703c2.023.1%204.035-.443%205.463-1.442z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.287%2013.97c-.805.688-2.677%201.937-5.783%202.107c-3.476.19-4.926-.923-4.939-.935l-.28.341l.282-.335l-.567.67c.061.051%201.451%201.156%204.714%201.156c.267%200%20.548%200%20.84-.023c3.753-.206%205.816-1.818%206.534-2.507z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.794%2014.87a6.4%206.4%200%200%201-1.73%201.552c-2.352%201.495-5.344%201.688-7.439%201.584l-.044.872q.526.025%201.018.025c5.908%200%208.295-2.65%208.962-3.596l-.769-.444m-.222-3.296c.39%200%20.708-.313.708-.698a.704.704%200%200%200-.709-.698a.704.704%200%200%200-.709.698c0%20.385.318.698.71.698%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/xdefi-background.svg?color=%231a73e8&size=48
