klay logo
klay from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- klay
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the klay logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.321 3c2.025.05 3.91.782 5.451 2.098L7.742 15.144z"/><path fill="currentColor" d="M12.321 3c2.025.05 3.91.782 5.451 2.098L7.742 15.144zm.822 9.022l5.782-5.805a9.095 9.095 0 0 1 0 11.565z"/><path fill="currentColor" d="m13.143 12.022l5.782-5.805a9.095 9.095 0 0 1 0 11.565zm-10.126-.584l7.043-7.07l-5.018 13.364a9.07 9.07 0 0 1-2.025-6.294"/><path fill="currentColor" d="m3.017 11.438l7.043-7.07l-5.018 13.364a9.07 9.07 0 0 1-2.025-6.294m3.23 7.464l5.788-5.754l5.782 5.754A9 9 0 0 1 12.035 21a9 9 0 0 1-5.788-2.098"/><path fill="currentColor" d="m6.247 18.902l5.788-5.754l5.782 5.754A9 9 0 0 1 12.035 21a9 9 0 0 1-5.788-2.098"/></svg>
React
import type { SVGProps } from "react";
export function TokenKlay(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="M12.321 3c2.025.05 3.91.782 5.451 2.098L7.742 15.144z"/><path fill="currentColor" d="M12.321 3c2.025.05 3.91.782 5.451 2.098L7.742 15.144zm.822 9.022l5.782-5.805a9.095 9.095 0 0 1 0 11.565z"/><path fill="currentColor" d="m13.143 12.022l5.782-5.805a9.095 9.095 0 0 1 0 11.565zm-10.126-.584l7.043-7.07l-5.018 13.364a9.07 9.07 0 0 1-2.025-6.294"/><path fill="currentColor" d="m3.017 11.438l7.043-7.07l-5.018 13.364a9.07 9.07 0 0 1-2.025-6.294m3.23 7.464l5.788-5.754l5.782 5.754A9 9 0 0 1 12.035 21a9 9 0 0 1-5.788-2.098"/><path fill="currentColor" d="m6.247 18.902l5.788-5.754l5.782 5.754A9 9 0 0 1 12.035 21a9 9 0 0 1-5.788-2.098"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.321 3c2.025.05 3.91.782 5.451 2.098L7.742 15.144z"/><path fill="currentColor" d="M12.321 3c2.025.05 3.91.782 5.451 2.098L7.742 15.144zm.822 9.022l5.782-5.805a9.095 9.095 0 0 1 0 11.565z"/><path fill="currentColor" d="m13.143 12.022l5.782-5.805a9.095 9.095 0 0 1 0 11.565zm-10.126-.584l7.043-7.07l-5.018 13.364a9.07 9.07 0 0 1-2.025-6.294"/><path fill="currentColor" d="m3.017 11.438l7.043-7.07l-5.018 13.364a9.07 9.07 0 0 1-2.025-6.294m3.23 7.464l5.788-5.754l5.782 5.754A9 9 0 0 1 12.035 21a9 9 0 0 1-5.788-2.098"/><path fill="currentColor" d="m6.247 18.902l5.788-5.754l5.782 5.754A9 9 0 0 1 12.035 21a9 9 0 0 1-5.788-2.098"/></svg> </template>
CSS
.icon-klay {
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%22M12.321%203c2.025.05%203.91.782%205.451%202.098L7.742%2015.144z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.321%203c2.025.05%203.91.782%205.451%202.098L7.742%2015.144zm.822%209.022l5.782-5.805a9.095%209.095%200%200%201%200%2011.565z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.143%2012.022l5.782-5.805a9.095%209.095%200%200%201%200%2011.565zm-10.126-.584l7.043-7.07l-5.018%2013.364a9.07%209.07%200%200%201-2.025-6.294%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.017%2011.438l7.043-7.07l-5.018%2013.364a9.07%209.07%200%200%201-2.025-6.294m3.23%207.464l5.788-5.754l5.782%205.754A9%209%200%200%201%2012.035%2021a9%209%200%200%201-5.788-2.098%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m6.247%2018.902l5.788-5.754l5.782%205.754A9%209%200%200%201%2012.035%2021a9%209%200%200%201-5.788-2.098%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%22M12.321%203c2.025.05%203.91.782%205.451%202.098L7.742%2015.144z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.321%203c2.025.05%203.91.782%205.451%202.098L7.742%2015.144zm.822%209.022l5.782-5.805a9.095%209.095%200%200%201%200%2011.565z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.143%2012.022l5.782-5.805a9.095%209.095%200%200%201%200%2011.565zm-10.126-.584l7.043-7.07l-5.018%2013.364a9.07%209.07%200%200%201-2.025-6.294%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.017%2011.438l7.043-7.07l-5.018%2013.364a9.07%209.07%200%200%201-2.025-6.294m3.23%207.464l5.788-5.754l5.782%205.754A9%209%200%200%201%2012.035%2021a9%209%200%200%201-5.788-2.098%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m6.247%2018.902l5.788-5.754l5.782%205.754A9%209%200%200%201%2012.035%2021a9%209%200%200%201-5.788-2.098%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/klay.svg?color=%231a73e8&size=48
