kas logo
kas from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- kas
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the kas logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.02 3.045a6.3 6.3 0 0 0-2.556.879c-.768.476-3.198 2.843-3.695 3.6c-.662 1.005-.72 1.27-.763 3.282c-.031 1.9.053 3.028.307 3.917c.292 1.016.593 1.44 2.224 3.134c1.667 1.73 2.202 2.18 2.964 2.488a8.13 8.13 0 0 0 5.214.396c2.79-.725 4.907-2.408 6.14-4.87q.61-1.332 1.044-2.731c.153-.54.127-2.128-.043-2.769c-.54-2.032-1.254-3.382-2.472-4.647a9.27 9.27 0 0 0-4.658-2.562c-1.228-.161-2.47-.2-3.706-.117m4.362 3.833l.794 5.124c-.238 1.599-.614 3.435-.836 5.029l-1.885-.44c.276-1.741.53-3.409.498-3.44c-.016-.016-.08 0-.137.053c-.795.619-3.796 2.869-3.796 2.869l-1.15-1.456c.55-.455 3.415-2.7 3.415-2.7L7.87 9.186L8.935 7.74l4.023 2.937s-.407-3.107-.487-3.451l1.906-.35z"/></svg>
React
import type { SVGProps } from "react";
export function TokenKas(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.02 3.045a6.3 6.3 0 0 0-2.556.879c-.768.476-3.198 2.843-3.695 3.6c-.662 1.005-.72 1.27-.763 3.282c-.031 1.9.053 3.028.307 3.917c.292 1.016.593 1.44 2.224 3.134c1.667 1.73 2.202 2.18 2.964 2.488a8.13 8.13 0 0 0 5.214.396c2.79-.725 4.907-2.408 6.14-4.87q.61-1.332 1.044-2.731c.153-.54.127-2.128-.043-2.769c-.54-2.032-1.254-3.382-2.472-4.647a9.27 9.27 0 0 0-4.658-2.562c-1.228-.161-2.47-.2-3.706-.117m4.362 3.833l.794 5.124c-.238 1.599-.614 3.435-.836 5.029l-1.885-.44c.276-1.741.53-3.409.498-3.44c-.016-.016-.08 0-.137.053c-.795.619-3.796 2.869-3.796 2.869l-1.15-1.456c.55-.455 3.415-2.7 3.415-2.7L7.87 9.186L8.935 7.74l4.023 2.937s-.407-3.107-.487-3.451l1.906-.35z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.02 3.045a6.3 6.3 0 0 0-2.556.879c-.768.476-3.198 2.843-3.695 3.6c-.662 1.005-.72 1.27-.763 3.282c-.031 1.9.053 3.028.307 3.917c.292 1.016.593 1.44 2.224 3.134c1.667 1.73 2.202 2.18 2.964 2.488a8.13 8.13 0 0 0 5.214.396c2.79-.725 4.907-2.408 6.14-4.87q.61-1.332 1.044-2.731c.153-.54.127-2.128-.043-2.769c-.54-2.032-1.254-3.382-2.472-4.647a9.27 9.27 0 0 0-4.658-2.562c-1.228-.161-2.47-.2-3.706-.117m4.362 3.833l.794 5.124c-.238 1.599-.614 3.435-.836 5.029l-1.885-.44c.276-1.741.53-3.409.498-3.44c-.016-.016-.08 0-.137.053c-.795.619-3.796 2.869-3.796 2.869l-1.15-1.456c.55-.455 3.415-2.7 3.415-2.7L7.87 9.186L8.935 7.74l4.023 2.937s-.407-3.107-.487-3.451l1.906-.35z"/></svg> </template>
CSS
.icon-kas {
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%22currentColor%22%20d%3D%22M10.02%203.045a6.3%206.3%200%200%200-2.556.879c-.768.476-3.198%202.843-3.695%203.6c-.662%201.005-.72%201.27-.763%203.282c-.031%201.9.053%203.028.307%203.917c.292%201.016.593%201.44%202.224%203.134c1.667%201.73%202.202%202.18%202.964%202.488a8.13%208.13%200%200%200%205.214.396c2.79-.725%204.907-2.408%206.14-4.87q.61-1.332%201.044-2.731c.153-.54.127-2.128-.043-2.769c-.54-2.032-1.254-3.382-2.472-4.647a9.27%209.27%200%200%200-4.658-2.562c-1.228-.161-2.47-.2-3.706-.117m4.362%203.833l.794%205.124c-.238%201.599-.614%203.435-.836%205.029l-1.885-.44c.276-1.741.53-3.409.498-3.44c-.016-.016-.08%200-.137.053c-.795.619-3.796%202.869-3.796%202.869l-1.15-1.456c.55-.455%203.415-2.7%203.415-2.7L7.87%209.186L8.935%207.74l4.023%202.937s-.407-3.107-.487-3.451l1.906-.35z%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%22currentColor%22%20d%3D%22M10.02%203.045a6.3%206.3%200%200%200-2.556.879c-.768.476-3.198%202.843-3.695%203.6c-.662%201.005-.72%201.27-.763%203.282c-.031%201.9.053%203.028.307%203.917c.292%201.016.593%201.44%202.224%203.134c1.667%201.73%202.202%202.18%202.964%202.488a8.13%208.13%200%200%200%205.214.396c2.79-.725%204.907-2.408%206.14-4.87q.61-1.332%201.044-2.731c.153-.54.127-2.128-.043-2.769c-.54-2.032-1.254-3.382-2.472-4.647a9.27%209.27%200%200%200-4.658-2.562c-1.228-.161-2.47-.2-3.706-.117m4.362%203.833l.794%205.124c-.238%201.599-.614%203.435-.836%205.029l-1.885-.44c.276-1.741.53-3.409.498-3.44c-.016-.016-.08%200-.137.053c-.795.619-3.796%202.869-3.796%202.869l-1.15-1.456c.55-.455%203.415-2.7%203.415-2.7L7.87%209.186L8.935%207.74l4.023%202.937s-.407-3.107-.487-3.451l1.906-.35z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/kas.svg?color=%231a73e8&size=48
