dpi logo
dpi-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- dpi-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the dpi 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(#SVGHcSWxdhd228)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#3c176b" d="M19.141 12.52L11.64 5.11l-4.278-.8l-2.503 9.45l6.32 6.24a10.57 10.57 0 0 0 7.966-7.48z"/><path fill="#6b42bd" d="M8.243 12.93V7.012h1.318c.455.004.907.076 1.34.215c.46.15.878.406 1.22.749c.003-.79-.283-1.581-.69-2.297a5 5 0 0 0-1.384-.192H6.36v7.435c.542.008 1.34.053 1.882.008"/><path fill="#9b74ec" d="M14.255 8.111a4.55 4.55 0 0 0-1.039-1.566a4.2 4.2 0 0 0-1.833-1.039c.428.701.667 1.502.693 2.323c.248.252.49 2.214.64 2.59l-4.721 3.26v-.84c-.546.046-1.084 0-1.634-.007v2.462h3.422a5.05 5.05 0 0 0 3.26-1.227a4.7 4.7 0 0 0 1.152-1.559c.313-.7.466-1.461.448-2.228c0-.851-.128-1.544-.388-2.169"/><path fill="#fff" d="M7.837 12.282c.53 0 1.091-.087 1.562-.215c.435-.13.84-.346 1.19-.636a2.76 2.76 0 0 0 .828-1.027c.207-.422.308-.93.308-1.533c0-.594-.09-1.054-.27-1.483a2.66 2.66 0 0 0-.754-1.031a3.4 3.4 0 0 0-1.174-.648a5 5 0 0 0-1.408-.203H6.36v6.776zM4.855 4h3.78q.948-.002 1.83.301q.88.295 1.558.907c.466.43.836.953 1.084 1.536c.285.672.424 1.398.407 2.127q0 1.261-.467 2.184c-.29.59-.7 1.112-1.205 1.532c-.487.4-1.043.706-1.641.903c-.603.2-1.002.298-1.582.298H4.856z"/></g><defs><clipPath id="SVGHcSWxdhd228"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDpiBackground(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(#SVGHcSWxdhd228)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#3c176b" d="M19.141 12.52L11.64 5.11l-4.278-.8l-2.503 9.45l6.32 6.24a10.57 10.57 0 0 0 7.966-7.48z"/><path fill="#6b42bd" d="M8.243 12.93V7.012h1.318c.455.004.907.076 1.34.215c.46.15.878.406 1.22.749c.003-.79-.283-1.581-.69-2.297a5 5 0 0 0-1.384-.192H6.36v7.435c.542.008 1.34.053 1.882.008"/><path fill="#9b74ec" d="M14.255 8.111a4.55 4.55 0 0 0-1.039-1.566a4.2 4.2 0 0 0-1.833-1.039c.428.701.667 1.502.693 2.323c.248.252.49 2.214.64 2.59l-4.721 3.26v-.84c-.546.046-1.084 0-1.634-.007v2.462h3.422a5.05 5.05 0 0 0 3.26-1.227a4.7 4.7 0 0 0 1.152-1.559c.313-.7.466-1.461.448-2.228c0-.851-.128-1.544-.388-2.169"/><path fill="#fff" d="M7.837 12.282c.53 0 1.091-.087 1.562-.215c.435-.13.84-.346 1.19-.636a2.76 2.76 0 0 0 .828-1.027c.207-.422.308-.93.308-1.533c0-.594-.09-1.054-.27-1.483a2.66 2.66 0 0 0-.754-1.031a3.4 3.4 0 0 0-1.174-.648a5 5 0 0 0-1.408-.203H6.36v6.776zM4.855 4h3.78q.948-.002 1.83.301q.88.295 1.558.907c.466.43.836.953 1.084 1.536c.285.672.424 1.398.407 2.127q0 1.261-.467 2.184c-.29.59-.7 1.112-1.205 1.532c-.487.4-1.043.706-1.641.903c-.603.2-1.002.298-1.582.298H4.856z"/></g><defs><clipPath id="SVGHcSWxdhd228"><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(#SVGHcSWxdhd228)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#3c176b" d="M19.141 12.52L11.64 5.11l-4.278-.8l-2.503 9.45l6.32 6.24a10.57 10.57 0 0 0 7.966-7.48z"/><path fill="#6b42bd" d="M8.243 12.93V7.012h1.318c.455.004.907.076 1.34.215c.46.15.878.406 1.22.749c.003-.79-.283-1.581-.69-2.297a5 5 0 0 0-1.384-.192H6.36v7.435c.542.008 1.34.053 1.882.008"/><path fill="#9b74ec" d="M14.255 8.111a4.55 4.55 0 0 0-1.039-1.566a4.2 4.2 0 0 0-1.833-1.039c.428.701.667 1.502.693 2.323c.248.252.49 2.214.64 2.59l-4.721 3.26v-.84c-.546.046-1.084 0-1.634-.007v2.462h3.422a5.05 5.05 0 0 0 3.26-1.227a4.7 4.7 0 0 0 1.152-1.559c.313-.7.466-1.461.448-2.228c0-.851-.128-1.544-.388-2.169"/><path fill="#fff" d="M7.837 12.282c.53 0 1.091-.087 1.562-.215c.435-.13.84-.346 1.19-.636a2.76 2.76 0 0 0 .828-1.027c.207-.422.308-.93.308-1.533c0-.594-.09-1.054-.27-1.483a2.66 2.66 0 0 0-.754-1.031a3.4 3.4 0 0 0-1.174-.648a5 5 0 0 0-1.408-.203H6.36v6.776zM4.855 4h3.78q.948-.002 1.83.301q.88.295 1.558.907c.466.43.836.953 1.084 1.536c.285.672.424 1.398.407 2.127q0 1.261-.467 2.184c-.29.59-.7 1.112-1.205 1.532c-.487.4-1.043.706-1.641.903c-.603.2-1.002.298-1.582.298H4.856z"/></g><defs><clipPath id="SVGHcSWxdhd228"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-dpi-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(%23SVGHcSWxdhd228)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%233c176b%22%20d%3D%22M19.141%2012.52L11.64%205.11l-4.278-.8l-2.503%209.45l6.32%206.24a10.57%2010.57%200%200%200%207.966-7.48z%22%2F%3E%3Cpath%20fill%3D%22%236b42bd%22%20d%3D%22M8.243%2012.93V7.012h1.318c.455.004.907.076%201.34.215c.46.15.878.406%201.22.749c.003-.79-.283-1.581-.69-2.297a5%205%200%200%200-1.384-.192H6.36v7.435c.542.008%201.34.053%201.882.008%22%2F%3E%3Cpath%20fill%3D%22%239b74ec%22%20d%3D%22M14.255%208.111a4.55%204.55%200%200%200-1.039-1.566a4.2%204.2%200%200%200-1.833-1.039c.428.701.667%201.502.693%202.323c.248.252.49%202.214.64%202.59l-4.721%203.26v-.84c-.546.046-1.084%200-1.634-.007v2.462h3.422a5.05%205.05%200%200%200%203.26-1.227a4.7%204.7%200%200%200%201.152-1.559c.313-.7.466-1.461.448-2.228c0-.851-.128-1.544-.388-2.169%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.837%2012.282c.53%200%201.091-.087%201.562-.215c.435-.13.84-.346%201.19-.636a2.76%202.76%200%200%200%20.828-1.027c.207-.422.308-.93.308-1.533c0-.594-.09-1.054-.27-1.483a2.66%202.66%200%200%200-.754-1.031a3.4%203.4%200%200%200-1.174-.648a5%205%200%200%200-1.408-.203H6.36v6.776zM4.855%204h3.78q.948-.002%201.83.301q.88.295%201.558.907c.466.43.836.953%201.084%201.536c.285.672.424%201.398.407%202.127q0%201.261-.467%202.184c-.29.59-.7%201.112-1.205%201.532c-.487.4-1.043.706-1.641.903c-.603.2-1.002.298-1.582.298H4.856z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd228%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(%23SVGHcSWxdhd228)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%233c176b%22%20d%3D%22M19.141%2012.52L11.64%205.11l-4.278-.8l-2.503%209.45l6.32%206.24a10.57%2010.57%200%200%200%207.966-7.48z%22%2F%3E%3Cpath%20fill%3D%22%236b42bd%22%20d%3D%22M8.243%2012.93V7.012h1.318c.455.004.907.076%201.34.215c.46.15.878.406%201.22.749c.003-.79-.283-1.581-.69-2.297a5%205%200%200%200-1.384-.192H6.36v7.435c.542.008%201.34.053%201.882.008%22%2F%3E%3Cpath%20fill%3D%22%239b74ec%22%20d%3D%22M14.255%208.111a4.55%204.55%200%200%200-1.039-1.566a4.2%204.2%200%200%200-1.833-1.039c.428.701.667%201.502.693%202.323c.248.252.49%202.214.64%202.59l-4.721%203.26v-.84c-.546.046-1.084%200-1.634-.007v2.462h3.422a5.05%205.05%200%200%200%203.26-1.227a4.7%204.7%200%200%200%201.152-1.559c.313-.7.466-1.461.448-2.228c0-.851-.128-1.544-.388-2.169%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.837%2012.282c.53%200%201.091-.087%201.562-.215c.435-.13.84-.346%201.19-.636a2.76%202.76%200%200%200%20.828-1.027c.207-.422.308-.93.308-1.533c0-.594-.09-1.054-.27-1.483a2.66%202.66%200%200%200-.754-1.031a3.4%203.4%200%200%200-1.174-.648a5%205%200%200%200-1.408-.203H6.36v6.776zM4.855%204h3.78q.948-.002%201.83.301q.88.295%201.558.907c.466.43.836.953%201.084%201.536c.285.672.424%201.398.407%202.127q0%201.261-.467%202.184c-.29.59-.7%201.112-1.205%201.532c-.487.4-1.043.706-1.641.903c-.603.2-1.002.298-1.582.298H4.856z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd228%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/dpi-background.svg?color=%231a73e8&size=48
