dka logo
dka from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- dka
- 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 dka logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1fc0dc" d="M15.858 15c-2.034-.013-1.89-.265-2.982-1.32a83 83 0 0 0-3.198-2.995c-.636-.546-2.382-.486-2.382-.486H4.284v9.6H7.89c.804 0 1.902-.96 1.902-.96l2.796-2.958l.954 1.008s-2.088 2.232-2.934 3.06c-1.152 1.134-2.718 1.05-2.718 1.05H3v-12h4.296c2.526 0 3.258.739 3.258.739s3.24 3.09 3.798 3.575c.761.612 1.758.486 1.758.486h3.605V4.2h-3.012c-.096 0-.93-.041-1.77.439c-.611.246-3.383 3.264-3.383 3.264l-1.002-.924S12.78 4.632 13.23 4.2S14.49 3 16.703 3H21v12z"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDka(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1fc0dc" d="M15.858 15c-2.034-.013-1.89-.265-2.982-1.32a83 83 0 0 0-3.198-2.995c-.636-.546-2.382-.486-2.382-.486H4.284v9.6H7.89c.804 0 1.902-.96 1.902-.96l2.796-2.958l.954 1.008s-2.088 2.232-2.934 3.06c-1.152 1.134-2.718 1.05-2.718 1.05H3v-12h4.296c2.526 0 3.258.739 3.258.739s3.24 3.09 3.798 3.575c.761.612 1.758.486 1.758.486h3.605V4.2h-3.012c-.096 0-.93-.041-1.77.439c-.611.246-3.383 3.264-3.383 3.264l-1.002-.924S12.78 4.632 13.23 4.2S14.49 3 16.703 3H21v12z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1fc0dc" d="M15.858 15c-2.034-.013-1.89-.265-2.982-1.32a83 83 0 0 0-3.198-2.995c-.636-.546-2.382-.486-2.382-.486H4.284v9.6H7.89c.804 0 1.902-.96 1.902-.96l2.796-2.958l.954 1.008s-2.088 2.232-2.934 3.06c-1.152 1.134-2.718 1.05-2.718 1.05H3v-12h4.296c2.526 0 3.258.739 3.258.739s3.24 3.09 3.798 3.575c.761.612 1.758.486 1.758.486h3.605V4.2h-3.012c-.096 0-.93-.041-1.77.439c-.611.246-3.383 3.264-3.383 3.264l-1.002-.924S12.78 4.632 13.23 4.2S14.49 3 16.703 3H21v12z"/></svg> </template>
CSS
.icon-dka {
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%3Cpath%20fill%3D%22%231fc0dc%22%20d%3D%22M15.858%2015c-2.034-.013-1.89-.265-2.982-1.32a83%2083%200%200%200-3.198-2.995c-.636-.546-2.382-.486-2.382-.486H4.284v9.6H7.89c.804%200%201.902-.96%201.902-.96l2.796-2.958l.954%201.008s-2.088%202.232-2.934%203.06c-1.152%201.134-2.718%201.05-2.718%201.05H3v-12h4.296c2.526%200%203.258.739%203.258.739s3.24%203.09%203.798%203.575c.761.612%201.758.486%201.758.486h3.605V4.2h-3.012c-.096%200-.93-.041-1.77.439c-.611.246-3.383%203.264-3.383%203.264l-1.002-.924S12.78%204.632%2013.23%204.2S14.49%203%2016.703%203H21v12z%22%2F%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%3Cpath%20fill%3D%22%231fc0dc%22%20d%3D%22M15.858%2015c-2.034-.013-1.89-.265-2.982-1.32a83%2083%200%200%200-3.198-2.995c-.636-.546-2.382-.486-2.382-.486H4.284v9.6H7.89c.804%200%201.902-.96%201.902-.96l2.796-2.958l.954%201.008s-2.088%202.232-2.934%203.06c-1.152%201.134-2.718%201.05-2.718%201.05H3v-12h4.296c2.526%200%203.258.739%203.258.739s3.24%203.09%203.798%203.575c.761.612%201.758.486%201.758.486h3.605V4.2h-3.012c-.096%200-.93-.041-1.77.439c-.611.246-3.383%203.264-3.383%203.264l-1.002-.924S12.78%204.632%2013.23%204.2S14.49%203%2016.703%203H21v12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/dka.svg?color=%231a73e8&size=48
