dpx logo
dpx from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- dpx
- Set
- Web3 Icons Branded
- Style
- Branded
- 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"><path fill="url(#SVGUrbmkeRn)" d="M5.59 8.63L9.16 3L3.838 8.39a.815.815 0 0 0 .377 1.363l2.818.725a9.5 9.5 0 0 0-.758 1.437a4.7 4.7 0 0 0-.393 1.61a2.2 2.2 0 0 0 .606 1.663c.47.495 1.03.896 1.65 1.178l.09.045c.44.199.81.526 1.061.938l.135.185c.517.73 1.336 1.875 2.386 2.639a4.13 4.13 0 0 0 2.077.82a3.94 3.94 0 0 0 2.51-.708c.82-.539 1.358-1.134 1.616-1.825a3.1 3.1 0 0 0-.01-2.01c-.17-.566-.45-1.15-.72-1.689l-.05-.101a12 12 0 0 1-.747-1.768c-.359-1.18-.112-1.685.034-1.887a.84.84 0 0 1 .365-.27l.006-.005h.017l.027-.011l.13-.045l.336-.112q1.26-.427 2.515-.865q.06-.024.118-.056a.8.8 0 0 0 .158-.118a.72.72 0 0 0 .185-.685a.7.7 0 0 0-.13-.27l-.072-.089l-.18-.202A1314 1314 0 0 0 14.853 3l3.593 5.704q-.911.314-1.825.617l-.106.034h-.012q-.196.056-.37.157a2.2 2.2 0 0 0-.73.629c-.505.662-.719 1.684-.27 3.172c.225.724.55 1.392.837 1.981l.028.056c.28.584.522 1.067.657 1.516c.133.351.145.736.033 1.095c-.112.309-.392.685-1.06 1.123a2.55 2.55 0 0 1-1.629.482a2.74 2.74 0 0 1-1.37-.561c-.853-.617-1.532-1.572-2.076-2.324l-.124-.169a3.8 3.8 0 0 0-1.589-1.38l-.095-.057a3.9 3.9 0 0 1-1.258-.898c-.129-.129-.202-.309-.19-.606c.005-.314.112-.69.28-1.1c.337-.82.876-1.59 1.09-1.881a.822.822 0 0 0-.45-1.286zm5.95 5.845s-1.088 0-1.813-.674s0-2.027 0-2.027s.214.135 1.01 1.078c.804.949.804 1.623.804 1.623"/><defs><linearGradient id="SVGUrbmkeRn" x1="12.029" x2="12.001" y1="11.112" y2="21.004" gradientUnits="userSpaceOnUse"><stop stop-color="#22e1ff"/><stop offset="1" stop-color="#002eff"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDpx(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"><path fill="url(#SVGUrbmkeRn)" d="M5.59 8.63L9.16 3L3.838 8.39a.815.815 0 0 0 .377 1.363l2.818.725a9.5 9.5 0 0 0-.758 1.437a4.7 4.7 0 0 0-.393 1.61a2.2 2.2 0 0 0 .606 1.663c.47.495 1.03.896 1.65 1.178l.09.045c.44.199.81.526 1.061.938l.135.185c.517.73 1.336 1.875 2.386 2.639a4.13 4.13 0 0 0 2.077.82a3.94 3.94 0 0 0 2.51-.708c.82-.539 1.358-1.134 1.616-1.825a3.1 3.1 0 0 0-.01-2.01c-.17-.566-.45-1.15-.72-1.689l-.05-.101a12 12 0 0 1-.747-1.768c-.359-1.18-.112-1.685.034-1.887a.84.84 0 0 1 .365-.27l.006-.005h.017l.027-.011l.13-.045l.336-.112q1.26-.427 2.515-.865q.06-.024.118-.056a.8.8 0 0 0 .158-.118a.72.72 0 0 0 .185-.685a.7.7 0 0 0-.13-.27l-.072-.089l-.18-.202A1314 1314 0 0 0 14.853 3l3.593 5.704q-.911.314-1.825.617l-.106.034h-.012q-.196.056-.37.157a2.2 2.2 0 0 0-.73.629c-.505.662-.719 1.684-.27 3.172c.225.724.55 1.392.837 1.981l.028.056c.28.584.522 1.067.657 1.516c.133.351.145.736.033 1.095c-.112.309-.392.685-1.06 1.123a2.55 2.55 0 0 1-1.629.482a2.74 2.74 0 0 1-1.37-.561c-.853-.617-1.532-1.572-2.076-2.324l-.124-.169a3.8 3.8 0 0 0-1.589-1.38l-.095-.057a3.9 3.9 0 0 1-1.258-.898c-.129-.129-.202-.309-.19-.606c.005-.314.112-.69.28-1.1c.337-.82.876-1.59 1.09-1.881a.822.822 0 0 0-.45-1.286zm5.95 5.845s-1.088 0-1.813-.674s0-2.027 0-2.027s.214.135 1.01 1.078c.804.949.804 1.623.804 1.623"/><defs><linearGradient id="SVGUrbmkeRn" x1="12.029" x2="12.001" y1="11.112" y2="21.004" gradientUnits="userSpaceOnUse"><stop stopColor="#22e1ff"/><stop offset="1" stopColor="#002eff"/></linearGradient></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"><path fill="url(#SVGUrbmkeRn)" d="M5.59 8.63L9.16 3L3.838 8.39a.815.815 0 0 0 .377 1.363l2.818.725a9.5 9.5 0 0 0-.758 1.437a4.7 4.7 0 0 0-.393 1.61a2.2 2.2 0 0 0 .606 1.663c.47.495 1.03.896 1.65 1.178l.09.045c.44.199.81.526 1.061.938l.135.185c.517.73 1.336 1.875 2.386 2.639a4.13 4.13 0 0 0 2.077.82a3.94 3.94 0 0 0 2.51-.708c.82-.539 1.358-1.134 1.616-1.825a3.1 3.1 0 0 0-.01-2.01c-.17-.566-.45-1.15-.72-1.689l-.05-.101a12 12 0 0 1-.747-1.768c-.359-1.18-.112-1.685.034-1.887a.84.84 0 0 1 .365-.27l.006-.005h.017l.027-.011l.13-.045l.336-.112q1.26-.427 2.515-.865q.06-.024.118-.056a.8.8 0 0 0 .158-.118a.72.72 0 0 0 .185-.685a.7.7 0 0 0-.13-.27l-.072-.089l-.18-.202A1314 1314 0 0 0 14.853 3l3.593 5.704q-.911.314-1.825.617l-.106.034h-.012q-.196.056-.37.157a2.2 2.2 0 0 0-.73.629c-.505.662-.719 1.684-.27 3.172c.225.724.55 1.392.837 1.981l.028.056c.28.584.522 1.067.657 1.516c.133.351.145.736.033 1.095c-.112.309-.392.685-1.06 1.123a2.55 2.55 0 0 1-1.629.482a2.74 2.74 0 0 1-1.37-.561c-.853-.617-1.532-1.572-2.076-2.324l-.124-.169a3.8 3.8 0 0 0-1.589-1.38l-.095-.057a3.9 3.9 0 0 1-1.258-.898c-.129-.129-.202-.309-.19-.606c.005-.314.112-.69.28-1.1c.337-.82.876-1.59 1.09-1.881a.822.822 0 0 0-.45-1.286zm5.95 5.845s-1.088 0-1.813-.674s0-2.027 0-2.027s.214.135 1.01 1.078c.804.949.804 1.623.804 1.623"/><defs><linearGradient id="SVGUrbmkeRn" x1="12.029" x2="12.001" y1="11.112" y2="21.004" gradientUnits="userSpaceOnUse"><stop stop-color="#22e1ff"/><stop offset="1" stop-color="#002eff"/></linearGradient></defs></g></svg> </template>
CSS
.icon-dpx {
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%3Cpath%20fill%3D%22url(%23SVGUrbmkeRn)%22%20d%3D%22M5.59%208.63L9.16%203L3.838%208.39a.815.815%200%200%200%20.377%201.363l2.818.725a9.5%209.5%200%200%200-.758%201.437a4.7%204.7%200%200%200-.393%201.61a2.2%202.2%200%200%200%20.606%201.663c.47.495%201.03.896%201.65%201.178l.09.045c.44.199.81.526%201.061.938l.135.185c.517.73%201.336%201.875%202.386%202.639a4.13%204.13%200%200%200%202.077.82a3.94%203.94%200%200%200%202.51-.708c.82-.539%201.358-1.134%201.616-1.825a3.1%203.1%200%200%200-.01-2.01c-.17-.566-.45-1.15-.72-1.689l-.05-.101a12%2012%200%200%201-.747-1.768c-.359-1.18-.112-1.685.034-1.887a.84.84%200%200%201%20.365-.27l.006-.005h.017l.027-.011l.13-.045l.336-.112q1.26-.427%202.515-.865q.06-.024.118-.056a.8.8%200%200%200%20.158-.118a.72.72%200%200%200%20.185-.685a.7.7%200%200%200-.13-.27l-.072-.089l-.18-.202A1314%201314%200%200%200%2014.853%203l3.593%205.704q-.911.314-1.825.617l-.106.034h-.012q-.196.056-.37.157a2.2%202.2%200%200%200-.73.629c-.505.662-.719%201.684-.27%203.172c.225.724.55%201.392.837%201.981l.028.056c.28.584.522%201.067.657%201.516c.133.351.145.736.033%201.095c-.112.309-.392.685-1.06%201.123a2.55%202.55%200%200%201-1.629.482a2.74%202.74%200%200%201-1.37-.561c-.853-.617-1.532-1.572-2.076-2.324l-.124-.169a3.8%203.8%200%200%200-1.589-1.38l-.095-.057a3.9%203.9%200%200%201-1.258-.898c-.129-.129-.202-.309-.19-.606c.005-.314.112-.69.28-1.1c.337-.82.876-1.59%201.09-1.881a.822.822%200%200%200-.45-1.286zm5.95%205.845s-1.088%200-1.813-.674s0-2.027%200-2.027s.214.135%201.01%201.078c.804.949.804%201.623.804%201.623%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGUrbmkeRn%22%20x1%3D%2212.029%22%20x2%3D%2212.001%22%20y1%3D%2211.112%22%20y2%3D%2221.004%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%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%3Cpath%20fill%3D%22url(%23SVGUrbmkeRn)%22%20d%3D%22M5.59%208.63L9.16%203L3.838%208.39a.815.815%200%200%200%20.377%201.363l2.818.725a9.5%209.5%200%200%200-.758%201.437a4.7%204.7%200%200%200-.393%201.61a2.2%202.2%200%200%200%20.606%201.663c.47.495%201.03.896%201.65%201.178l.09.045c.44.199.81.526%201.061.938l.135.185c.517.73%201.336%201.875%202.386%202.639a4.13%204.13%200%200%200%202.077.82a3.94%203.94%200%200%200%202.51-.708c.82-.539%201.358-1.134%201.616-1.825a3.1%203.1%200%200%200-.01-2.01c-.17-.566-.45-1.15-.72-1.689l-.05-.101a12%2012%200%200%201-.747-1.768c-.359-1.18-.112-1.685.034-1.887a.84.84%200%200%201%20.365-.27l.006-.005h.017l.027-.011l.13-.045l.336-.112q1.26-.427%202.515-.865q.06-.024.118-.056a.8.8%200%200%200%20.158-.118a.72.72%200%200%200%20.185-.685a.7.7%200%200%200-.13-.27l-.072-.089l-.18-.202A1314%201314%200%200%200%2014.853%203l3.593%205.704q-.911.314-1.825.617l-.106.034h-.012q-.196.056-.37.157a2.2%202.2%200%200%200-.73.629c-.505.662-.719%201.684-.27%203.172c.225.724.55%201.392.837%201.981l.028.056c.28.584.522%201.067.657%201.516c.133.351.145.736.033%201.095c-.112.309-.392.685-1.06%201.123a2.55%202.55%200%200%201-1.629.482a2.74%202.74%200%200%201-1.37-.561c-.853-.617-1.532-1.572-2.076-2.324l-.124-.169a3.8%203.8%200%200%200-1.589-1.38l-.095-.057a3.9%203.9%200%200%201-1.258-.898c-.129-.129-.202-.309-.19-.606c.005-.314.112-.69.28-1.1c.337-.82.876-1.59%201.09-1.881a.822.822%200%200%200-.45-1.286zm5.95%205.845s-1.088%200-1.813-.674s0-2.027%200-2.027s.214.135%201.01%201.078c.804.949.804%201.623.804%201.623%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGUrbmkeRn%22%20x1%3D%2212.029%22%20x2%3D%2212.001%22%20y1%3D%2211.112%22%20y2%3D%2221.004%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%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.svg?color=%231a73e8&size=48
