dnt logo
dnt-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- dnt-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the dnt 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(#SVGHcSWxdhd145)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#98f7d2" d="M19.428 10.505a5.1 5.1 0 0 0-.556-1.493c-.54-.922-1.718-2.263-3.19-3.32c0 0-1.112-.738-1.636-.99c-1.913-.905-4.056-1.089-5.888.57c-3.075 2.802-4.612 6.709-3.075 10.599c.033.084.884 2.465 5.987 4.059c2.24.066 3.549-.068 4.988-.923c1.881-1.107 2.977-3.119 3.37-5.165c.114-.62.13-2.716 0-3.337"/><path fill="#aff3f9" d="M13.368 5.018v3.687l-3.937.25l-1.554 1.852l-.611 2.823l1.663 2.636l2.102.926h2.855l2.337-.456V6.112s-1.651-1.325-2.73-1.643"/><path fill="#2f3d86" d="M18.413 14.261c-.588-.033-.261-.989-.523-2.079c-.31-1.207.147-2.046.752-2.012c.285.046.555.161.786.335a5.1 5.1 0 0 0-.556-1.492c-.54-.923-1.64-2.264-3.112-3.32v9.991c0 .44-.445.904-.856.998a1 1 0 0 1-1.119-.561a3.8 3.8 0 0 1-1.94.589c-2.114.059-4.078-1.495-4.075-3.793s1.847-4.033 3.96-4.038c.687-.002 1.085.104 1.68.457V5.454c-.003-.15.043-.3.105-.436a1 1 0 0 1 .27-.351c-1.914-.906-3.795-1.054-5.627.606c-3.075 2.801-4.612 6.708-3.075 10.598c.033.085.066.168.099.235a.8.8 0 0 1 .18-.252c.8-.838 1.684.873 3.565 1.861c1.194.622 1.881 1.444 2.143 2.215c1.75.218 3.549-.067 4.988-.923c1.881-1.107 2.977-3.119 3.37-5.165c-.28.252-.638.4-1.015.42m-6.41-7.947c.443-.017.851.52.867.77c.017.252-.375.152-.8.302c-.476.168-.819.017-.835-.234c-.017-.252.31-.822.769-.838"/><path fill="#2f3d86" d="M11.05 14.192c.951.513 2.1.311 2.313-.84c.115-.668.05-1.71-.574-2.037c-2.068-1.12-3.808 1.758-1.74 2.877"/></g><defs><clipPath id="SVGHcSWxdhd145"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDntBackground(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(#SVGHcSWxdhd145)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#98f7d2" d="M19.428 10.505a5.1 5.1 0 0 0-.556-1.493c-.54-.922-1.718-2.263-3.19-3.32c0 0-1.112-.738-1.636-.99c-1.913-.905-4.056-1.089-5.888.57c-3.075 2.802-4.612 6.709-3.075 10.599c.033.084.884 2.465 5.987 4.059c2.24.066 3.549-.068 4.988-.923c1.881-1.107 2.977-3.119 3.37-5.165c.114-.62.13-2.716 0-3.337"/><path fill="#aff3f9" d="M13.368 5.018v3.687l-3.937.25l-1.554 1.852l-.611 2.823l1.663 2.636l2.102.926h2.855l2.337-.456V6.112s-1.651-1.325-2.73-1.643"/><path fill="#2f3d86" d="M18.413 14.261c-.588-.033-.261-.989-.523-2.079c-.31-1.207.147-2.046.752-2.012c.285.046.555.161.786.335a5.1 5.1 0 0 0-.556-1.492c-.54-.923-1.64-2.264-3.112-3.32v9.991c0 .44-.445.904-.856.998a1 1 0 0 1-1.119-.561a3.8 3.8 0 0 1-1.94.589c-2.114.059-4.078-1.495-4.075-3.793s1.847-4.033 3.96-4.038c.687-.002 1.085.104 1.68.457V5.454c-.003-.15.043-.3.105-.436a1 1 0 0 1 .27-.351c-1.914-.906-3.795-1.054-5.627.606c-3.075 2.801-4.612 6.708-3.075 10.598c.033.085.066.168.099.235a.8.8 0 0 1 .18-.252c.8-.838 1.684.873 3.565 1.861c1.194.622 1.881 1.444 2.143 2.215c1.75.218 3.549-.067 4.988-.923c1.881-1.107 2.977-3.119 3.37-5.165c-.28.252-.638.4-1.015.42m-6.41-7.947c.443-.017.851.52.867.77c.017.252-.375.152-.8.302c-.476.168-.819.017-.835-.234c-.017-.252.31-.822.769-.838"/><path fill="#2f3d86" d="M11.05 14.192c.951.513 2.1.311 2.313-.84c.115-.668.05-1.71-.574-2.037c-2.068-1.12-3.808 1.758-1.74 2.877"/></g><defs><clipPath id="SVGHcSWxdhd145"><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(#SVGHcSWxdhd145)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#98f7d2" d="M19.428 10.505a5.1 5.1 0 0 0-.556-1.493c-.54-.922-1.718-2.263-3.19-3.32c0 0-1.112-.738-1.636-.99c-1.913-.905-4.056-1.089-5.888.57c-3.075 2.802-4.612 6.709-3.075 10.599c.033.084.884 2.465 5.987 4.059c2.24.066 3.549-.068 4.988-.923c1.881-1.107 2.977-3.119 3.37-5.165c.114-.62.13-2.716 0-3.337"/><path fill="#aff3f9" d="M13.368 5.018v3.687l-3.937.25l-1.554 1.852l-.611 2.823l1.663 2.636l2.102.926h2.855l2.337-.456V6.112s-1.651-1.325-2.73-1.643"/><path fill="#2f3d86" d="M18.413 14.261c-.588-.033-.261-.989-.523-2.079c-.31-1.207.147-2.046.752-2.012c.285.046.555.161.786.335a5.1 5.1 0 0 0-.556-1.492c-.54-.923-1.64-2.264-3.112-3.32v9.991c0 .44-.445.904-.856.998a1 1 0 0 1-1.119-.561a3.8 3.8 0 0 1-1.94.589c-2.114.059-4.078-1.495-4.075-3.793s1.847-4.033 3.96-4.038c.687-.002 1.085.104 1.68.457V5.454c-.003-.15.043-.3.105-.436a1 1 0 0 1 .27-.351c-1.914-.906-3.795-1.054-5.627.606c-3.075 2.801-4.612 6.708-3.075 10.598c.033.085.066.168.099.235a.8.8 0 0 1 .18-.252c.8-.838 1.684.873 3.565 1.861c1.194.622 1.881 1.444 2.143 2.215c1.75.218 3.549-.067 4.988-.923c1.881-1.107 2.977-3.119 3.37-5.165c-.28.252-.638.4-1.015.42m-6.41-7.947c.443-.017.851.52.867.77c.017.252-.375.152-.8.302c-.476.168-.819.017-.835-.234c-.017-.252.31-.822.769-.838"/><path fill="#2f3d86" d="M11.05 14.192c.951.513 2.1.311 2.313-.84c.115-.668.05-1.71-.574-2.037c-2.068-1.12-3.808 1.758-1.74 2.877"/></g><defs><clipPath id="SVGHcSWxdhd145"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-dnt-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(%23SVGHcSWxdhd145)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%2398f7d2%22%20d%3D%22M19.428%2010.505a5.1%205.1%200%200%200-.556-1.493c-.54-.922-1.718-2.263-3.19-3.32c0%200-1.112-.738-1.636-.99c-1.913-.905-4.056-1.089-5.888.57c-3.075%202.802-4.612%206.709-3.075%2010.599c.033.084.884%202.465%205.987%204.059c2.24.066%203.549-.068%204.988-.923c1.881-1.107%202.977-3.119%203.37-5.165c.114-.62.13-2.716%200-3.337%22%2F%3E%3Cpath%20fill%3D%22%23aff3f9%22%20d%3D%22M13.368%205.018v3.687l-3.937.25l-1.554%201.852l-.611%202.823l1.663%202.636l2.102.926h2.855l2.337-.456V6.112s-1.651-1.325-2.73-1.643%22%2F%3E%3Cpath%20fill%3D%22%232f3d86%22%20d%3D%22M18.413%2014.261c-.588-.033-.261-.989-.523-2.079c-.31-1.207.147-2.046.752-2.012c.285.046.555.161.786.335a5.1%205.1%200%200%200-.556-1.492c-.54-.923-1.64-2.264-3.112-3.32v9.991c0%20.44-.445.904-.856.998a1%201%200%200%201-1.119-.561a3.8%203.8%200%200%201-1.94.589c-2.114.059-4.078-1.495-4.075-3.793s1.847-4.033%203.96-4.038c.687-.002%201.085.104%201.68.457V5.454c-.003-.15.043-.3.105-.436a1%201%200%200%201%20.27-.351c-1.914-.906-3.795-1.054-5.627.606c-3.075%202.801-4.612%206.708-3.075%2010.598c.033.085.066.168.099.235a.8.8%200%200%201%20.18-.252c.8-.838%201.684.873%203.565%201.861c1.194.622%201.881%201.444%202.143%202.215c1.75.218%203.549-.067%204.988-.923c1.881-1.107%202.977-3.119%203.37-5.165c-.28.252-.638.4-1.015.42m-6.41-7.947c.443-.017.851.52.867.77c.017.252-.375.152-.8.302c-.476.168-.819.017-.835-.234c-.017-.252.31-.822.769-.838%22%2F%3E%3Cpath%20fill%3D%22%232f3d86%22%20d%3D%22M11.05%2014.192c.951.513%202.1.311%202.313-.84c.115-.668.05-1.71-.574-2.037c-2.068-1.12-3.808%201.758-1.74%202.877%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd145%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(%23SVGHcSWxdhd145)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%2398f7d2%22%20d%3D%22M19.428%2010.505a5.1%205.1%200%200%200-.556-1.493c-.54-.922-1.718-2.263-3.19-3.32c0%200-1.112-.738-1.636-.99c-1.913-.905-4.056-1.089-5.888.57c-3.075%202.802-4.612%206.709-3.075%2010.599c.033.084.884%202.465%205.987%204.059c2.24.066%203.549-.068%204.988-.923c1.881-1.107%202.977-3.119%203.37-5.165c.114-.62.13-2.716%200-3.337%22%2F%3E%3Cpath%20fill%3D%22%23aff3f9%22%20d%3D%22M13.368%205.018v3.687l-3.937.25l-1.554%201.852l-.611%202.823l1.663%202.636l2.102.926h2.855l2.337-.456V6.112s-1.651-1.325-2.73-1.643%22%2F%3E%3Cpath%20fill%3D%22%232f3d86%22%20d%3D%22M18.413%2014.261c-.588-.033-.261-.989-.523-2.079c-.31-1.207.147-2.046.752-2.012c.285.046.555.161.786.335a5.1%205.1%200%200%200-.556-1.492c-.54-.923-1.64-2.264-3.112-3.32v9.991c0%20.44-.445.904-.856.998a1%201%200%200%201-1.119-.561a3.8%203.8%200%200%201-1.94.589c-2.114.059-4.078-1.495-4.075-3.793s1.847-4.033%203.96-4.038c.687-.002%201.085.104%201.68.457V5.454c-.003-.15.043-.3.105-.436a1%201%200%200%201%20.27-.351c-1.914-.906-3.795-1.054-5.627.606c-3.075%202.801-4.612%206.708-3.075%2010.598c.033.085.066.168.099.235a.8.8%200%200%201%20.18-.252c.8-.838%201.684.873%203.565%201.861c1.194.622%201.881%201.444%202.143%202.215c1.75.218%203.549-.067%204.988-.923c1.881-1.107%202.977-3.119%203.37-5.165c-.28.252-.638.4-1.015.42m-6.41-7.947c.443-.017.851.52.867.77c.017.252-.375.152-.8.302c-.476.168-.819.017-.835-.234c-.017-.252.31-.822.769-.838%22%2F%3E%3Cpath%20fill%3D%22%232f3d86%22%20d%3D%22M11.05%2014.192c.951.513%202.1.311%202.313-.84c.115-.668.05-1.71-.574-2.037c-2.068-1.12-3.808%201.758-1.74%202.877%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd145%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/dnt-background.svg?color=%231a73e8&size=48
