dyp logo
dyp from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- dyp
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the dyp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#ee1a20" d="M16.852 17.348a7.9 7.9 0 0 0 3.294-6.922a4.637 4.637 0 0 0-4.837-6.818A7.91 7.91 0 0 0 4.683 8.664a4.636 4.636 0 0 0 1.953 7.79a8 8 0 0 0 2.018 1.5a.51.51 0 0 0-.065.529a4.363 4.363 0 0 0 8.257-1.13z"/><path fill="#fffcff" d="M20.18 7.912a3.82 3.82 0 0 1-3.545 3.807v-1.091a2.727 2.727 0 1 0-1.636-.355v1.206a3.8 3.8 0 0 1-1.364-.895v3.327h-1.091v-6a3.818 3.818 0 0 1 7.636 0m-4.963 3.643h.043v-1.8l.011.011V8.457h1.091v8.182a3.818 3.818 0 0 1-7.254 1.663l.829-.861a2.727 2.727 0 0 0 5.312-.453h.011v-.077l.011-.272v-.006q.002-.164-.022-.327l-.01-.944a4.08 4.08 0 0 1-5.635.29a4.11 4.11 0 0 1-5.787-3.688c0-2.236 1.833-4.052 4.09-4.052v1.09a3 3 0 1 0 .977 5.837a4.07 4.07 0 0 1-.704-2.51V7.367h1.091v5.056a2.95 2.95 0 0 0 .557 1.882a2.995 2.995 0 0 0-.306-4.832V8.239c.524.224.996.554 1.386.97V5.73h1.09v6h-.005a4.05 4.05 0 0 1-1.418 3.3a3.017 3.017 0 0 0 4.696-2.427v-.032c0-.071 0-.142-.01-.213v-.786z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDyp(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="#ee1a20" d="M16.852 17.348a7.9 7.9 0 0 0 3.294-6.922a4.637 4.637 0 0 0-4.837-6.818A7.91 7.91 0 0 0 4.683 8.664a4.636 4.636 0 0 0 1.953 7.79a8 8 0 0 0 2.018 1.5a.51.51 0 0 0-.065.529a4.363 4.363 0 0 0 8.257-1.13z"/><path fill="#fffcff" d="M20.18 7.912a3.82 3.82 0 0 1-3.545 3.807v-1.091a2.727 2.727 0 1 0-1.636-.355v1.206a3.8 3.8 0 0 1-1.364-.895v3.327h-1.091v-6a3.818 3.818 0 0 1 7.636 0m-4.963 3.643h.043v-1.8l.011.011V8.457h1.091v8.182a3.818 3.818 0 0 1-7.254 1.663l.829-.861a2.727 2.727 0 0 0 5.312-.453h.011v-.077l.011-.272v-.006q.002-.164-.022-.327l-.01-.944a4.08 4.08 0 0 1-5.635.29a4.11 4.11 0 0 1-5.787-3.688c0-2.236 1.833-4.052 4.09-4.052v1.09a3 3 0 1 0 .977 5.837a4.07 4.07 0 0 1-.704-2.51V7.367h1.091v5.056a2.95 2.95 0 0 0 .557 1.882a2.995 2.995 0 0 0-.306-4.832V8.239c.524.224.996.554 1.386.97V5.73h1.09v6h-.005a4.05 4.05 0 0 1-1.418 3.3a3.017 3.017 0 0 0 4.696-2.427v-.032c0-.071 0-.142-.01-.213v-.786z"/></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="#ee1a20" d="M16.852 17.348a7.9 7.9 0 0 0 3.294-6.922a4.637 4.637 0 0 0-4.837-6.818A7.91 7.91 0 0 0 4.683 8.664a4.636 4.636 0 0 0 1.953 7.79a8 8 0 0 0 2.018 1.5a.51.51 0 0 0-.065.529a4.363 4.363 0 0 0 8.257-1.13z"/><path fill="#fffcff" d="M20.18 7.912a3.82 3.82 0 0 1-3.545 3.807v-1.091a2.727 2.727 0 1 0-1.636-.355v1.206a3.8 3.8 0 0 1-1.364-.895v3.327h-1.091v-6a3.818 3.818 0 0 1 7.636 0m-4.963 3.643h.043v-1.8l.011.011V8.457h1.091v8.182a3.818 3.818 0 0 1-7.254 1.663l.829-.861a2.727 2.727 0 0 0 5.312-.453h.011v-.077l.011-.272v-.006q.002-.164-.022-.327l-.01-.944a4.08 4.08 0 0 1-5.635.29a4.11 4.11 0 0 1-5.787-3.688c0-2.236 1.833-4.052 4.09-4.052v1.09a3 3 0 1 0 .977 5.837a4.07 4.07 0 0 1-.704-2.51V7.367h1.091v5.056a2.95 2.95 0 0 0 .557 1.882a2.995 2.995 0 0 0-.306-4.832V8.239c.524.224.996.554 1.386.97V5.73h1.09v6h-.005a4.05 4.05 0 0 1-1.418 3.3a3.017 3.017 0 0 0 4.696-2.427v-.032c0-.071 0-.142-.01-.213v-.786z"/></g></svg> </template>
CSS
.icon-dyp {
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%22%23ee1a20%22%20d%3D%22M16.852%2017.348a7.9%207.9%200%200%200%203.294-6.922a4.637%204.637%200%200%200-4.837-6.818A7.91%207.91%200%200%200%204.683%208.664a4.636%204.636%200%200%200%201.953%207.79a8%208%200%200%200%202.018%201.5a.51.51%200%200%200-.065.529a4.363%204.363%200%200%200%208.257-1.13z%22%2F%3E%3Cpath%20fill%3D%22%23fffcff%22%20d%3D%22M20.18%207.912a3.82%203.82%200%200%201-3.545%203.807v-1.091a2.727%202.727%200%201%200-1.636-.355v1.206a3.8%203.8%200%200%201-1.364-.895v3.327h-1.091v-6a3.818%203.818%200%200%201%207.636%200m-4.963%203.643h.043v-1.8l.011.011V8.457h1.091v8.182a3.818%203.818%200%200%201-7.254%201.663l.829-.861a2.727%202.727%200%200%200%205.312-.453h.011v-.077l.011-.272v-.006q.002-.164-.022-.327l-.01-.944a4.08%204.08%200%200%201-5.635.29a4.11%204.11%200%200%201-5.787-3.688c0-2.236%201.833-4.052%204.09-4.052v1.09a3%203%200%201%200%20.977%205.837a4.07%204.07%200%200%201-.704-2.51V7.367h1.091v5.056a2.95%202.95%200%200%200%20.557%201.882a2.995%202.995%200%200%200-.306-4.832V8.239c.524.224.996.554%201.386.97V5.73h1.09v6h-.005a4.05%204.05%200%200%201-1.418%203.3a3.017%203.017%200%200%200%204.696-2.427v-.032c0-.071%200-.142-.01-.213v-.786z%22%2F%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%22%23ee1a20%22%20d%3D%22M16.852%2017.348a7.9%207.9%200%200%200%203.294-6.922a4.637%204.637%200%200%200-4.837-6.818A7.91%207.91%200%200%200%204.683%208.664a4.636%204.636%200%200%200%201.953%207.79a8%208%200%200%200%202.018%201.5a.51.51%200%200%200-.065.529a4.363%204.363%200%200%200%208.257-1.13z%22%2F%3E%3Cpath%20fill%3D%22%23fffcff%22%20d%3D%22M20.18%207.912a3.82%203.82%200%200%201-3.545%203.807v-1.091a2.727%202.727%200%201%200-1.636-.355v1.206a3.8%203.8%200%200%201-1.364-.895v3.327h-1.091v-6a3.818%203.818%200%200%201%207.636%200m-4.963%203.643h.043v-1.8l.011.011V8.457h1.091v8.182a3.818%203.818%200%200%201-7.254%201.663l.829-.861a2.727%202.727%200%200%200%205.312-.453h.011v-.077l.011-.272v-.006q.002-.164-.022-.327l-.01-.944a4.08%204.08%200%200%201-5.635.29a4.11%204.11%200%200%201-5.787-3.688c0-2.236%201.833-4.052%204.09-4.052v1.09a3%203%200%201%200%20.977%205.837a4.07%204.07%200%200%201-.704-2.51V7.367h1.091v5.056a2.95%202.95%200%200%200%20.557%201.882a2.995%202.995%200%200%200-.306-4.832V8.239c.524.224.996.554%201.386.97V5.73h1.09v6h-.005a4.05%204.05%200%200%201-1.418%203.3a3.017%203.017%200%200%200%204.696-2.427v-.032c0-.071%200-.142-.01-.213v-.786z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/dyp.svg?color=%231a73e8&size=48
