dpx logo
dpx-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- dpx-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 dpx 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="url(#SVGRDAm6cxQ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.302 9.005L9.476 4l-4.73 4.79a.725.725 0 0 0 .334 1.213l2.505.644a8.4 8.4 0 0 0-.674 1.277c-.2.453-.32.938-.35 1.432a1.96 1.96 0 0 0 .54 1.477c.417.441.915.797 1.467 1.048l.08.04c.39.177.72.467.943.834l.12.164c.458.65 1.187 1.667 2.12 2.346c.537.407 1.176.66 1.847.728c.793.05 1.58-.172 2.23-.629c.729-.479 1.208-1.008 1.437-1.621a2.76 2.76 0 0 0-.01-1.787c-.15-.504-.399-1.023-.639-1.502l-.044-.09a11 11 0 0 1-.664-1.572c-.32-1.047-.1-1.497.03-1.676a.75.75 0 0 1 .324-.24l.005-.005h.015l.025-.01l.115-.04l.3-.1q1.117-.379 2.235-.768q.053-.022.105-.05c.05-.03.1-.065.14-.105a.64.64 0 0 0 .164-.608a.7.7 0 0 0-.115-.24l-.065-.08l-.16-.18Q16.829 6.34 14.537 4l3.194 5.07q-.81.28-1.622.549l-.095.03h-.01q-.173.05-.33.14a2 2 0 0 0-.648.558c-.45.59-.639 1.498-.24 2.82c.2.643.49 1.237.744 1.761l.025.05c.25.52.464.948.584 1.347c.118.313.128.655.03.974c-.1.274-.35.608-.944.998a2.27 2.27 0 0 1-1.447.429a2.44 2.44 0 0 1-1.217-.5c-.759-.548-1.363-1.396-1.847-2.065l-.11-.15a3.36 3.36 0 0 0-1.412-1.227l-.084-.05a3.5 3.5 0 0 1-1.118-.799c-.115-.115-.18-.274-.17-.539c.005-.28.1-.614.25-.978c.3-.728.778-1.412.968-1.671a.73.73 0 0 0-.4-1.143zm5.29 5.195s-.968 0-1.612-.6c-.644-.598 0-1.8 0-1.8s.19.12.898.958c.714.843.714 1.442.714 1.442"/></g><defs><linearGradient id="SVGRDAm6cxQ" x1="12.026" x2="12.001" y1="11.211" y2="20.003" gradientUnits="userSpaceOnUse"><stop stop-color="#22e1ff"/><stop offset="1" stop-color="#002eff"/></linearGradient><clipPath id="SVGHcSWxdhd179"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDpxBackground(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="url(#SVGRDAm6cxQ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.302 9.005L9.476 4l-4.73 4.79a.725.725 0 0 0 .334 1.213l2.505.644a8.4 8.4 0 0 0-.674 1.277c-.2.453-.32.938-.35 1.432a1.96 1.96 0 0 0 .54 1.477c.417.441.915.797 1.467 1.048l.08.04c.39.177.72.467.943.834l.12.164c.458.65 1.187 1.667 2.12 2.346c.537.407 1.176.66 1.847.728c.793.05 1.58-.172 2.23-.629c.729-.479 1.208-1.008 1.437-1.621a2.76 2.76 0 0 0-.01-1.787c-.15-.504-.399-1.023-.639-1.502l-.044-.09a11 11 0 0 1-.664-1.572c-.32-1.047-.1-1.497.03-1.676a.75.75 0 0 1 .324-.24l.005-.005h.015l.025-.01l.115-.04l.3-.1q1.117-.379 2.235-.768q.053-.022.105-.05c.05-.03.1-.065.14-.105a.64.64 0 0 0 .164-.608a.7.7 0 0 0-.115-.24l-.065-.08l-.16-.18Q16.829 6.34 14.537 4l3.194 5.07q-.81.28-1.622.549l-.095.03h-.01q-.173.05-.33.14a2 2 0 0 0-.648.558c-.45.59-.639 1.498-.24 2.82c.2.643.49 1.237.744 1.761l.025.05c.25.52.464.948.584 1.347c.118.313.128.655.03.974c-.1.274-.35.608-.944.998a2.27 2.27 0 0 1-1.447.429a2.44 2.44 0 0 1-1.217-.5c-.759-.548-1.363-1.396-1.847-2.065l-.11-.15a3.36 3.36 0 0 0-1.412-1.227l-.084-.05a3.5 3.5 0 0 1-1.118-.799c-.115-.115-.18-.274-.17-.539c.005-.28.1-.614.25-.978c.3-.728.778-1.412.968-1.671a.73.73 0 0 0-.4-1.143zm5.29 5.195s-.968 0-1.612-.6c-.644-.598 0-1.8 0-1.8s.19.12.898.958c.714.843.714 1.442.714 1.442"/></g><defs><linearGradient id="SVGRDAm6cxQ" x1="12.026" x2="12.001" y1="11.211" y2="20.003" gradientUnits="userSpaceOnUse"><stop stopColor="#22e1ff"/><stop offset="1" stopColor="#002eff"/></linearGradient><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="url(#SVGRDAm6cxQ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.302 9.005L9.476 4l-4.73 4.79a.725.725 0 0 0 .334 1.213l2.505.644a8.4 8.4 0 0 0-.674 1.277c-.2.453-.32.938-.35 1.432a1.96 1.96 0 0 0 .54 1.477c.417.441.915.797 1.467 1.048l.08.04c.39.177.72.467.943.834l.12.164c.458.65 1.187 1.667 2.12 2.346c.537.407 1.176.66 1.847.728c.793.05 1.58-.172 2.23-.629c.729-.479 1.208-1.008 1.437-1.621a2.76 2.76 0 0 0-.01-1.787c-.15-.504-.399-1.023-.639-1.502l-.044-.09a11 11 0 0 1-.664-1.572c-.32-1.047-.1-1.497.03-1.676a.75.75 0 0 1 .324-.24l.005-.005h.015l.025-.01l.115-.04l.3-.1q1.117-.379 2.235-.768q.053-.022.105-.05c.05-.03.1-.065.14-.105a.64.64 0 0 0 .164-.608a.7.7 0 0 0-.115-.24l-.065-.08l-.16-.18Q16.829 6.34 14.537 4l3.194 5.07q-.81.28-1.622.549l-.095.03h-.01q-.173.05-.33.14a2 2 0 0 0-.648.558c-.45.59-.639 1.498-.24 2.82c.2.643.49 1.237.744 1.761l.025.05c.25.52.464.948.584 1.347c.118.313.128.655.03.974c-.1.274-.35.608-.944.998a2.27 2.27 0 0 1-1.447.429a2.44 2.44 0 0 1-1.217-.5c-.759-.548-1.363-1.396-1.847-2.065l-.11-.15a3.36 3.36 0 0 0-1.412-1.227l-.084-.05a3.5 3.5 0 0 1-1.118-.799c-.115-.115-.18-.274-.17-.539c.005-.28.1-.614.25-.978c.3-.728.778-1.412.968-1.671a.73.73 0 0 0-.4-1.143zm5.29 5.195s-.968 0-1.612-.6c-.644-.598 0-1.8 0-1.8s.19.12.898.958c.714.843.714 1.442.714 1.442"/></g><defs><linearGradient id="SVGRDAm6cxQ" x1="12.026" x2="12.001" y1="11.211" y2="20.003" gradientUnits="userSpaceOnUse"><stop stop-color="#22e1ff"/><stop offset="1" stop-color="#002eff"/></linearGradient><clipPath id="SVGHcSWxdhd179"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-dpx-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%22url(%23SVGRDAm6cxQ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.302%209.005L9.476%204l-4.73%204.79a.725.725%200%200%200%20.334%201.213l2.505.644a8.4%208.4%200%200%200-.674%201.277c-.2.453-.32.938-.35%201.432a1.96%201.96%200%200%200%20.54%201.477c.417.441.915.797%201.467%201.048l.08.04c.39.177.72.467.943.834l.12.164c.458.65%201.187%201.667%202.12%202.346c.537.407%201.176.66%201.847.728c.793.05%201.58-.172%202.23-.629c.729-.479%201.208-1.008%201.437-1.621a2.76%202.76%200%200%200-.01-1.787c-.15-.504-.399-1.023-.639-1.502l-.044-.09a11%2011%200%200%201-.664-1.572c-.32-1.047-.1-1.497.03-1.676a.75.75%200%200%201%20.324-.24l.005-.005h.015l.025-.01l.115-.04l.3-.1q1.117-.379%202.235-.768q.053-.022.105-.05c.05-.03.1-.065.14-.105a.64.64%200%200%200%20.164-.608a.7.7%200%200%200-.115-.24l-.065-.08l-.16-.18Q16.829%206.34%2014.537%204l3.194%205.07q-.81.28-1.622.549l-.095.03h-.01q-.173.05-.33.14a2%202%200%200%200-.648.558c-.45.59-.639%201.498-.24%202.82c.2.643.49%201.237.744%201.761l.025.05c.25.52.464.948.584%201.347c.118.313.128.655.03.974c-.1.274-.35.608-.944.998a2.27%202.27%200%200%201-1.447.429a2.44%202.44%200%200%201-1.217-.5c-.759-.548-1.363-1.396-1.847-2.065l-.11-.15a3.36%203.36%200%200%200-1.412-1.227l-.084-.05a3.5%203.5%200%200%201-1.118-.799c-.115-.115-.18-.274-.17-.539c.005-.28.1-.614.25-.978c.3-.728.778-1.412.968-1.671a.73.73%200%200%200-.4-1.143zm5.29%205.195s-.968%200-1.612-.6c-.644-.598%200-1.8%200-1.8s.19.12.898.958c.714.843.714%201.442.714%201.442%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGRDAm6cxQ%22%20x1%3D%2212.026%22%20x2%3D%2212.001%22%20y1%3D%2211.211%22%20y2%3D%2220.003%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2322e1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23002eff%22%2F%3E%3C%2FlinearGradient%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%22url(%23SVGRDAm6cxQ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.302%209.005L9.476%204l-4.73%204.79a.725.725%200%200%200%20.334%201.213l2.505.644a8.4%208.4%200%200%200-.674%201.277c-.2.453-.32.938-.35%201.432a1.96%201.96%200%200%200%20.54%201.477c.417.441.915.797%201.467%201.048l.08.04c.39.177.72.467.943.834l.12.164c.458.65%201.187%201.667%202.12%202.346c.537.407%201.176.66%201.847.728c.793.05%201.58-.172%202.23-.629c.729-.479%201.208-1.008%201.437-1.621a2.76%202.76%200%200%200-.01-1.787c-.15-.504-.399-1.023-.639-1.502l-.044-.09a11%2011%200%200%201-.664-1.572c-.32-1.047-.1-1.497.03-1.676a.75.75%200%200%201%20.324-.24l.005-.005h.015l.025-.01l.115-.04l.3-.1q1.117-.379%202.235-.768q.053-.022.105-.05c.05-.03.1-.065.14-.105a.64.64%200%200%200%20.164-.608a.7.7%200%200%200-.115-.24l-.065-.08l-.16-.18Q16.829%206.34%2014.537%204l3.194%205.07q-.81.28-1.622.549l-.095.03h-.01q-.173.05-.33.14a2%202%200%200%200-.648.558c-.45.59-.639%201.498-.24%202.82c.2.643.49%201.237.744%201.761l.025.05c.25.52.464.948.584%201.347c.118.313.128.655.03.974c-.1.274-.35.608-.944.998a2.27%202.27%200%200%201-1.447.429a2.44%202.44%200%200%201-1.217-.5c-.759-.548-1.363-1.396-1.847-2.065l-.11-.15a3.36%203.36%200%200%200-1.412-1.227l-.084-.05a3.5%203.5%200%200%201-1.118-.799c-.115-.115-.18-.274-.17-.539c.005-.28.1-.614.25-.978c.3-.728.778-1.412.968-1.671a.73.73%200%200%200-.4-1.143zm5.29%205.195s-.968%200-1.612-.6c-.644-.598%200-1.8%200-1.8s.19.12.898.958c.714.843.714%201.442.714%201.442%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGRDAm6cxQ%22%20x1%3D%2212.026%22%20x2%3D%2212.001%22%20y1%3D%2211.211%22%20y2%3D%2220.003%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2322e1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23002eff%22%2F%3E%3C%2FlinearGradient%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/dpx-background.svg?color=%231a73e8&size=48
