tkp logo
tkp from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- tkp
- 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 tkp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#00a9ff" d="m11.346 12.124l2.87-3.631a4.284 4.284 0 0 0-5.636.422a4.41 4.41 0 0 0-.396 5.708a4.29 4.29 0 0 0 5.523 1.214a4.4 4.4 0 0 0 1.98-5.354l-4.34 1.646z"/><path fill="#00a9ff" d="M16.68 9.62a4.4 4.4 0 0 0-1.465-1.991L12.36 11.27l4.32-1.646z"/><path fill="#ffaf14" d="m19.74 8.95l-2.104.818a6.51 6.51 0 0 1-2.952 7.93a6.346 6.346 0 0 1-8.177-1.826a6.53 6.53 0 0 1 .617-8.455a6.34 6.34 0 0 1 8.357-.586l1.425-1.764a8.56 8.56 0 0 0-9.082-.91A8.76 8.76 0 0 0 3 11.999c0 3.497 2.062 6.66 5.24 8.039a8.56 8.56 0 0 0 9.36-1.708a8.82 8.82 0 0 0 2.14-9.38"/><path fill="#ffaf14" d="M18.984 4.681a9 9 0 0 0-.859-.694L16.68 5.622a5.97 5.97 0 0 1 2.186 2.726L21 7.602a8.1 8.1 0 0 0-2.016-2.916z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTkp(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="#00a9ff" d="m11.346 12.124l2.87-3.631a4.284 4.284 0 0 0-5.636.422a4.41 4.41 0 0 0-.396 5.708a4.29 4.29 0 0 0 5.523 1.214a4.4 4.4 0 0 0 1.98-5.354l-4.34 1.646z"/><path fill="#00a9ff" d="M16.68 9.62a4.4 4.4 0 0 0-1.465-1.991L12.36 11.27l4.32-1.646z"/><path fill="#ffaf14" d="m19.74 8.95l-2.104.818a6.51 6.51 0 0 1-2.952 7.93a6.346 6.346 0 0 1-8.177-1.826a6.53 6.53 0 0 1 .617-8.455a6.34 6.34 0 0 1 8.357-.586l1.425-1.764a8.56 8.56 0 0 0-9.082-.91A8.76 8.76 0 0 0 3 11.999c0 3.497 2.062 6.66 5.24 8.039a8.56 8.56 0 0 0 9.36-1.708a8.82 8.82 0 0 0 2.14-9.38"/><path fill="#ffaf14" d="M18.984 4.681a9 9 0 0 0-.859-.694L16.68 5.622a5.97 5.97 0 0 1 2.186 2.726L21 7.602a8.1 8.1 0 0 0-2.016-2.916z"/></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="#00a9ff" d="m11.346 12.124l2.87-3.631a4.284 4.284 0 0 0-5.636.422a4.41 4.41 0 0 0-.396 5.708a4.29 4.29 0 0 0 5.523 1.214a4.4 4.4 0 0 0 1.98-5.354l-4.34 1.646z"/><path fill="#00a9ff" d="M16.68 9.62a4.4 4.4 0 0 0-1.465-1.991L12.36 11.27l4.32-1.646z"/><path fill="#ffaf14" d="m19.74 8.95l-2.104.818a6.51 6.51 0 0 1-2.952 7.93a6.346 6.346 0 0 1-8.177-1.826a6.53 6.53 0 0 1 .617-8.455a6.34 6.34 0 0 1 8.357-.586l1.425-1.764a8.56 8.56 0 0 0-9.082-.91A8.76 8.76 0 0 0 3 11.999c0 3.497 2.062 6.66 5.24 8.039a8.56 8.56 0 0 0 9.36-1.708a8.82 8.82 0 0 0 2.14-9.38"/><path fill="#ffaf14" d="M18.984 4.681a9 9 0 0 0-.859-.694L16.68 5.622a5.97 5.97 0 0 1 2.186 2.726L21 7.602a8.1 8.1 0 0 0-2.016-2.916z"/></g></svg> </template>
CSS
.icon-tkp {
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%2300a9ff%22%20d%3D%22m11.346%2012.124l2.87-3.631a4.284%204.284%200%200%200-5.636.422a4.41%204.41%200%200%200-.396%205.708a4.29%204.29%200%200%200%205.523%201.214a4.4%204.4%200%200%200%201.98-5.354l-4.34%201.646z%22%2F%3E%3Cpath%20fill%3D%22%2300a9ff%22%20d%3D%22M16.68%209.62a4.4%204.4%200%200%200-1.465-1.991L12.36%2011.27l4.32-1.646z%22%2F%3E%3Cpath%20fill%3D%22%23ffaf14%22%20d%3D%22m19.74%208.95l-2.104.818a6.51%206.51%200%200%201-2.952%207.93a6.346%206.346%200%200%201-8.177-1.826a6.53%206.53%200%200%201%20.617-8.455a6.34%206.34%200%200%201%208.357-.586l1.425-1.764a8.56%208.56%200%200%200-9.082-.91A8.76%208.76%200%200%200%203%2011.999c0%203.497%202.062%206.66%205.24%208.039a8.56%208.56%200%200%200%209.36-1.708a8.82%208.82%200%200%200%202.14-9.38%22%2F%3E%3Cpath%20fill%3D%22%23ffaf14%22%20d%3D%22M18.984%204.681a9%209%200%200%200-.859-.694L16.68%205.622a5.97%205.97%200%200%201%202.186%202.726L21%207.602a8.1%208.1%200%200%200-2.016-2.916z%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%2300a9ff%22%20d%3D%22m11.346%2012.124l2.87-3.631a4.284%204.284%200%200%200-5.636.422a4.41%204.41%200%200%200-.396%205.708a4.29%204.29%200%200%200%205.523%201.214a4.4%204.4%200%200%200%201.98-5.354l-4.34%201.646z%22%2F%3E%3Cpath%20fill%3D%22%2300a9ff%22%20d%3D%22M16.68%209.62a4.4%204.4%200%200%200-1.465-1.991L12.36%2011.27l4.32-1.646z%22%2F%3E%3Cpath%20fill%3D%22%23ffaf14%22%20d%3D%22m19.74%208.95l-2.104.818a6.51%206.51%200%200%201-2.952%207.93a6.346%206.346%200%200%201-8.177-1.826a6.53%206.53%200%200%201%20.617-8.455a6.34%206.34%200%200%201%208.357-.586l1.425-1.764a8.56%208.56%200%200%200-9.082-.91A8.76%208.76%200%200%200%203%2011.999c0%203.497%202.062%206.66%205.24%208.039a8.56%208.56%200%200%200%209.36-1.708a8.82%208.82%200%200%200%202.14-9.38%22%2F%3E%3Cpath%20fill%3D%22%23ffaf14%22%20d%3D%22M18.984%204.681a9%209%200%200%200-.859-.694L16.68%205.622a5.97%205.97%200%200%201%202.186%202.726L21%207.602a8.1%208.1%200%200%200-2.016-2.916z%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/tkp.svg?color=%231a73e8&size=48
