dxp logo
dxp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- dxp-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the dxp 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(#SVGHcSWxdhd12)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#5fadff" d="M4.64 10.458a2.18 2.18 0 0 0 0 3.084l1 1h12.72l1-1a2.18 2.18 0 0 0 0-3.084l-1.062-1.063H5.702l-1.066 1.067z"/><path fill="#2b56fe" d="M11.844 19.996a2.17 2.17 0 0 1-1.386-.636l-4.813-4.818h12.72l-4.823 4.818c-.37.374-.862.601-1.386.64h-.312z"/><path fill="#3b82ff" d="M4.195 12.903c.109.238.26.455.445.64l2.622 2.622q.125.114.244.24a2.18 2.18 0 0 0 3.174 0c.346-.373.782-.711 1.289-.711s.942.338 1.288.711a2.18 2.18 0 0 0 3.174 0c.155-.164.329-.324.515-.449l2.413-2.413c.2-.2.356-.427.458-.671q-.466.181-.8.542c-.355.369-.786.707-1.293.707c-.511 0-.942-.338-1.289-.712a2.176 2.176 0 0 0-3.173 0c-.351.374-.787.712-1.289.712c-.511 0-.947-.338-1.293-.712a2.175 2.175 0 0 0-3.174 0c-.35.374-.782.712-1.288.712c-.512 0-.943-.338-1.29-.712a2.2 2.2 0 0 0-.733-.506"/><path fill="#b1e1ff" d="m18.298 9.396l1.067 1.066q.234.236.382.516a2.2 2.2 0 0 1-.733-.511c-.347-.369-.783-.711-1.29-.711c-.51 0-.942.342-1.288.71a2.177 2.177 0 0 1-3.174 0c-.35-.368-.782-.71-1.288-.71c-.511 0-.947.342-1.294.71a2.176 2.176 0 0 1-3.173 0c-.347-.368-.782-.71-1.289-.71c-.511 0-.942.342-1.289.71a2.3 2.3 0 0 1-.658.476a2.3 2.3 0 0 1 .37-.484l1.062-1.062l4.755-4.756a2.176 2.176 0 0 1 3.084 0l2.53 2.525z"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDxpBackground(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(#SVGHcSWxdhd12)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#5fadff" d="M4.64 10.458a2.18 2.18 0 0 0 0 3.084l1 1h12.72l1-1a2.18 2.18 0 0 0 0-3.084l-1.062-1.063H5.702l-1.066 1.067z"/><path fill="#2b56fe" d="M11.844 19.996a2.17 2.17 0 0 1-1.386-.636l-4.813-4.818h12.72l-4.823 4.818c-.37.374-.862.601-1.386.64h-.312z"/><path fill="#3b82ff" d="M4.195 12.903c.109.238.26.455.445.64l2.622 2.622q.125.114.244.24a2.18 2.18 0 0 0 3.174 0c.346-.373.782-.711 1.289-.711s.942.338 1.288.711a2.18 2.18 0 0 0 3.174 0c.155-.164.329-.324.515-.449l2.413-2.413c.2-.2.356-.427.458-.671q-.466.181-.8.542c-.355.369-.786.707-1.293.707c-.511 0-.942-.338-1.289-.712a2.176 2.176 0 0 0-3.173 0c-.351.374-.787.712-1.289.712c-.511 0-.947-.338-1.293-.712a2.175 2.175 0 0 0-3.174 0c-.35.374-.782.712-1.288.712c-.512 0-.943-.338-1.29-.712a2.2 2.2 0 0 0-.733-.506"/><path fill="#b1e1ff" d="m18.298 9.396l1.067 1.066q.234.236.382.516a2.2 2.2 0 0 1-.733-.511c-.347-.369-.783-.711-1.29-.711c-.51 0-.942.342-1.288.71a2.177 2.177 0 0 1-3.174 0c-.35-.368-.782-.71-1.288-.71c-.511 0-.947.342-1.294.71a2.176 2.176 0 0 1-3.173 0c-.347-.368-.782-.71-1.289-.71c-.511 0-.942.342-1.289.71a2.3 2.3 0 0 1-.658.476a2.3 2.3 0 0 1 .37-.484l1.062-1.062l4.755-4.756a2.176 2.176 0 0 1 3.084 0l2.53 2.525z"/></g><defs><clipPath id="SVGHcSWxdhd12"><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(#SVGHcSWxdhd12)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#5fadff" d="M4.64 10.458a2.18 2.18 0 0 0 0 3.084l1 1h12.72l1-1a2.18 2.18 0 0 0 0-3.084l-1.062-1.063H5.702l-1.066 1.067z"/><path fill="#2b56fe" d="M11.844 19.996a2.17 2.17 0 0 1-1.386-.636l-4.813-4.818h12.72l-4.823 4.818c-.37.374-.862.601-1.386.64h-.312z"/><path fill="#3b82ff" d="M4.195 12.903c.109.238.26.455.445.64l2.622 2.622q.125.114.244.24a2.18 2.18 0 0 0 3.174 0c.346-.373.782-.711 1.289-.711s.942.338 1.288.711a2.18 2.18 0 0 0 3.174 0c.155-.164.329-.324.515-.449l2.413-2.413c.2-.2.356-.427.458-.671q-.466.181-.8.542c-.355.369-.786.707-1.293.707c-.511 0-.942-.338-1.289-.712a2.176 2.176 0 0 0-3.173 0c-.351.374-.787.712-1.289.712c-.511 0-.947-.338-1.293-.712a2.175 2.175 0 0 0-3.174 0c-.35.374-.782.712-1.288.712c-.512 0-.943-.338-1.29-.712a2.2 2.2 0 0 0-.733-.506"/><path fill="#b1e1ff" d="m18.298 9.396l1.067 1.066q.234.236.382.516a2.2 2.2 0 0 1-.733-.511c-.347-.369-.783-.711-1.29-.711c-.51 0-.942.342-1.288.71a2.177 2.177 0 0 1-3.174 0c-.35-.368-.782-.71-1.288-.71c-.511 0-.947.342-1.294.71a2.176 2.176 0 0 1-3.173 0c-.347-.368-.782-.71-1.289-.71c-.511 0-.942.342-1.289.71a2.3 2.3 0 0 1-.658.476a2.3 2.3 0 0 1 .37-.484l1.062-1.062l4.755-4.756a2.176 2.176 0 0 1 3.084 0l2.53 2.525z"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-dxp-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(%23SVGHcSWxdhd12)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%235fadff%22%20d%3D%22M4.64%2010.458a2.18%202.18%200%200%200%200%203.084l1%201h12.72l1-1a2.18%202.18%200%200%200%200-3.084l-1.062-1.063H5.702l-1.066%201.067z%22%2F%3E%3Cpath%20fill%3D%22%232b56fe%22%20d%3D%22M11.844%2019.996a2.17%202.17%200%200%201-1.386-.636l-4.813-4.818h12.72l-4.823%204.818c-.37.374-.862.601-1.386.64h-.312z%22%2F%3E%3Cpath%20fill%3D%22%233b82ff%22%20d%3D%22M4.195%2012.903c.109.238.26.455.445.64l2.622%202.622q.125.114.244.24a2.18%202.18%200%200%200%203.174%200c.346-.373.782-.711%201.289-.711s.942.338%201.288.711a2.18%202.18%200%200%200%203.174%200c.155-.164.329-.324.515-.449l2.413-2.413c.2-.2.356-.427.458-.671q-.466.181-.8.542c-.355.369-.786.707-1.293.707c-.511%200-.942-.338-1.289-.712a2.176%202.176%200%200%200-3.173%200c-.351.374-.787.712-1.289.712c-.511%200-.947-.338-1.293-.712a2.175%202.175%200%200%200-3.174%200c-.35.374-.782.712-1.288.712c-.512%200-.943-.338-1.29-.712a2.2%202.2%200%200%200-.733-.506%22%2F%3E%3Cpath%20fill%3D%22%23b1e1ff%22%20d%3D%22m18.298%209.396l1.067%201.066q.234.236.382.516a2.2%202.2%200%200%201-.733-.511c-.347-.369-.783-.711-1.29-.711c-.51%200-.942.342-1.288.71a2.177%202.177%200%200%201-3.174%200c-.35-.368-.782-.71-1.288-.71c-.511%200-.947.342-1.294.71a2.176%202.176%200%200%201-3.173%200c-.347-.368-.782-.71-1.289-.71c-.511%200-.942.342-1.289.71a2.3%202.3%200%200%201-.658.476a2.3%202.3%200%200%201%20.37-.484l1.062-1.062l4.755-4.756a2.176%202.176%200%200%201%203.084%200l2.53%202.525z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd12%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(%23SVGHcSWxdhd12)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%235fadff%22%20d%3D%22M4.64%2010.458a2.18%202.18%200%200%200%200%203.084l1%201h12.72l1-1a2.18%202.18%200%200%200%200-3.084l-1.062-1.063H5.702l-1.066%201.067z%22%2F%3E%3Cpath%20fill%3D%22%232b56fe%22%20d%3D%22M11.844%2019.996a2.17%202.17%200%200%201-1.386-.636l-4.813-4.818h12.72l-4.823%204.818c-.37.374-.862.601-1.386.64h-.312z%22%2F%3E%3Cpath%20fill%3D%22%233b82ff%22%20d%3D%22M4.195%2012.903c.109.238.26.455.445.64l2.622%202.622q.125.114.244.24a2.18%202.18%200%200%200%203.174%200c.346-.373.782-.711%201.289-.711s.942.338%201.288.711a2.18%202.18%200%200%200%203.174%200c.155-.164.329-.324.515-.449l2.413-2.413c.2-.2.356-.427.458-.671q-.466.181-.8.542c-.355.369-.786.707-1.293.707c-.511%200-.942-.338-1.289-.712a2.176%202.176%200%200%200-3.173%200c-.351.374-.787.712-1.289.712c-.511%200-.947-.338-1.293-.712a2.175%202.175%200%200%200-3.174%200c-.35.374-.782.712-1.288.712c-.512%200-.943-.338-1.29-.712a2.2%202.2%200%200%200-.733-.506%22%2F%3E%3Cpath%20fill%3D%22%23b1e1ff%22%20d%3D%22m18.298%209.396l1.067%201.066q.234.236.382.516a2.2%202.2%200%200%201-.733-.511c-.347-.369-.783-.711-1.29-.711c-.51%200-.942.342-1.288.71a2.177%202.177%200%200%201-3.174%200c-.35-.368-.782-.71-1.288-.71c-.511%200-.947.342-1.294.71a2.176%202.176%200%200%201-3.173%200c-.347-.368-.782-.71-1.289-.71c-.511%200-.942.342-1.289.71a2.3%202.3%200%200%201-.658.476a2.3%202.3%200%200%201%20.37-.484l1.062-1.062l4.755-4.756a2.176%202.176%200%200%201%203.084%200l2.53%202.525z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd12%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/dxp-background.svg?color=%231a73e8&size=48
