dps logo
dps-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- dps-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 dps 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(#SVGHcSWxdhd64)"><path fill="#d400a6" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 14.195c0-.747.833-2.047 1.247-2.601c-.131.291-.398.84-.398 1.374c0 2.314 4.082 2.088 6.125 1.682c-.685.349-2.478 1.046-4.156 1.046C4.726 15.696 4 15.13 4 14.195m16-4.382c0 .747-.882 2.047-1.321 2.601c.14-.291.423-.84.423-1.374c0-2.314-4.325-2.088-6.487-1.682c.726-.349 2.626-1.046 4.402-1.046c2.216 0 2.983.566 2.983 1.501"/><path fill="#fff" d="M17.97 12.004a6.158 6.158 0 0 1-10.65 4.218l.028.008c.952.074 4.702-.43 6.77-3.483c-.821.455-2.938 1.366-4.813 1.366c-1.674 0-2.745-.386-3.549-.923A6.158 6.158 0 0 1 16.308 7.8a.3.3 0 0 0-.078-.021c-.944-.074-4.677.43-6.736 3.483c.82-.456 2.925-1.366 4.787-1.366c1.703 0 2.77.402 3.578.951c.074.374.11.764.11 1.157"/></g><defs><clipPath id="SVGHcSWxdhd64"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDpsBackground(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(#SVGHcSWxdhd64)"><path fill="#d400a6" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 14.195c0-.747.833-2.047 1.247-2.601c-.131.291-.398.84-.398 1.374c0 2.314 4.082 2.088 6.125 1.682c-.685.349-2.478 1.046-4.156 1.046C4.726 15.696 4 15.13 4 14.195m16-4.382c0 .747-.882 2.047-1.321 2.601c.14-.291.423-.84.423-1.374c0-2.314-4.325-2.088-6.487-1.682c.726-.349 2.626-1.046 4.402-1.046c2.216 0 2.983.566 2.983 1.501"/><path fill="#fff" d="M17.97 12.004a6.158 6.158 0 0 1-10.65 4.218l.028.008c.952.074 4.702-.43 6.77-3.483c-.821.455-2.938 1.366-4.813 1.366c-1.674 0-2.745-.386-3.549-.923A6.158 6.158 0 0 1 16.308 7.8a.3.3 0 0 0-.078-.021c-.944-.074-4.677.43-6.736 3.483c.82-.456 2.925-1.366 4.787-1.366c1.703 0 2.77.402 3.578.951c.074.374.11.764.11 1.157"/></g><defs><clipPath id="SVGHcSWxdhd64"><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(#SVGHcSWxdhd64)"><path fill="#d400a6" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 14.195c0-.747.833-2.047 1.247-2.601c-.131.291-.398.84-.398 1.374c0 2.314 4.082 2.088 6.125 1.682c-.685.349-2.478 1.046-4.156 1.046C4.726 15.696 4 15.13 4 14.195m16-4.382c0 .747-.882 2.047-1.321 2.601c.14-.291.423-.84.423-1.374c0-2.314-4.325-2.088-6.487-1.682c.726-.349 2.626-1.046 4.402-1.046c2.216 0 2.983.566 2.983 1.501"/><path fill="#fff" d="M17.97 12.004a6.158 6.158 0 0 1-10.65 4.218l.028.008c.952.074 4.702-.43 6.77-3.483c-.821.455-2.938 1.366-4.813 1.366c-1.674 0-2.745-.386-3.549-.923A6.158 6.158 0 0 1 16.308 7.8a.3.3 0 0 0-.078-.021c-.944-.074-4.677.43-6.736 3.483c.82-.456 2.925-1.366 4.787-1.366c1.703 0 2.77.402 3.578.951c.074.374.11.764.11 1.157"/></g><defs><clipPath id="SVGHcSWxdhd64"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-dps-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(%23SVGHcSWxdhd64)%22%3E%3Cpath%20fill%3D%22%23d400a6%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2014.195c0-.747.833-2.047%201.247-2.601c-.131.291-.398.84-.398%201.374c0%202.314%204.082%202.088%206.125%201.682c-.685.349-2.478%201.046-4.156%201.046C4.726%2015.696%204%2015.13%204%2014.195m16-4.382c0%20.747-.882%202.047-1.321%202.601c.14-.291.423-.84.423-1.374c0-2.314-4.325-2.088-6.487-1.682c.726-.349%202.626-1.046%204.402-1.046c2.216%200%202.983.566%202.983%201.501%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.97%2012.004a6.158%206.158%200%200%201-10.65%204.218l.028.008c.952.074%204.702-.43%206.77-3.483c-.821.455-2.938%201.366-4.813%201.366c-1.674%200-2.745-.386-3.549-.923A6.158%206.158%200%200%201%2016.308%207.8a.3.3%200%200%200-.078-.021c-.944-.074-4.677.43-6.736%203.483c.82-.456%202.925-1.366%204.787-1.366c1.703%200%202.77.402%203.578.951c.074.374.11.764.11%201.157%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd64%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(%23SVGHcSWxdhd64)%22%3E%3Cpath%20fill%3D%22%23d400a6%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2014.195c0-.747.833-2.047%201.247-2.601c-.131.291-.398.84-.398%201.374c0%202.314%204.082%202.088%206.125%201.682c-.685.349-2.478%201.046-4.156%201.046C4.726%2015.696%204%2015.13%204%2014.195m16-4.382c0%20.747-.882%202.047-1.321%202.601c.14-.291.423-.84.423-1.374c0-2.314-4.325-2.088-6.487-1.682c.726-.349%202.626-1.046%204.402-1.046c2.216%200%202.983.566%202.983%201.501%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.97%2012.004a6.158%206.158%200%200%201-10.65%204.218l.028.008c.952.074%204.702-.43%206.77-3.483c-.821.455-2.938%201.366-4.813%201.366c-1.674%200-2.745-.386-3.549-.923A6.158%206.158%200%200%201%2016.308%207.8a.3.3%200%200%200-.078-.021c-.944-.074-4.677.43-6.736%203.483c.82-.456%202.925-1.366%204.787-1.366c1.703%200%202.77.402%203.578.951c.074.374.11.764.11%201.157%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd64%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/dps-background.svg?color=%231a73e8&size=48
