zkb logo
zkb from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- zkb
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the zkb logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.049 12.563l-.788-.804a.08.08 0 0 1-.017-.056q0-.016.005-.03a.1.1 0 0 1 .018-.027l.787-.77h1.485q.086.001.028-.056c-2.255-2.228-4.528-4.174-6.806-6.44c-.394-.395-.225-1.025.225-1.272c.394-.225.776-.073 1.075.225c2.7 2.672 5.416 5.062 8.15 7.762c.383.388.349 1.069-.146 1.322a1.5 1.5 0 0 1-.68.146z"/><path fill="currentColor" d="M9.78 3.581c.158-.86 1.683-.765 1.66.304v1.277l-.011.022a.03.03 0 0 1-.034.012l-.023-.006c-.466-.467-.95-.928-1.434-1.39a1 1 0 0 1-.157-.185s-.012.006 0-.034m4.247 3.966a.07.07 0 0 1 0-.101l4.388-4.157a.94.94 0 0 1 .618-.27c.113 0 .226.017.327.056c.1.04.197.101.275.174l.006.012a.78.78 0 0 1 .23.59a.88.88 0 0 1-.27.613l-4.387 4.157a.073.073 0 0 1-.101 0zm-1.293 3.24l-.883.888a.07.07 0 0 0-.023.057q0 .015.005.03q.006.015.018.026l.798.77c2.307 2.25 4.601 4.753 6.885 6.964c.85.821-.326 2.025-1.176 1.198c-2.272-2.21-4.567-4.719-6.884-6.974l-.011-.012c-.029 0-.023.011-.023.028v2.891c0 .068-.04.08-.09.029l-1.463-1.418a.4.4 0 0 1-.135-.304V6.737q.001-.066.045-.023l1.581 1.542a.08.08 0 0 1 .034.05c.011.017.028.04.028.056v1.272c0 .078.017.09.073.033l.686-.697a.06.06 0 0 1 .04-.017q.022 0 .04.017l1.113 1.08c.028.034.028.062 0 .095l-.653.642z"/><path fill="currentColor" d="M9.454 10.876v1.687h-2.42q-.058 0-.016.034c2.222 2.205 4.466 4.685 6.733 6.918q.268.27.31.59c.044.406-.26.783-.653.873a.84.84 0 0 1-.816-.253c-2.745-2.723-5.484-5.698-8.218-8.398a.826.826 0 0 1 .04-1.215c.191-.161.436-.245.686-.236zm.298 7.56l.006-.023c0-.005 0-.011.011-.017a.034.034 0 0 1 .045 0c.53.523 1.04 1.024 1.541 1.502c.085.079.107.4.068.506a.86.86 0 0 1-1.378.383a.68.68 0 0 1-.281-.551z"/></svg>
React
import type { SVGProps } from "react";
export function TokenZkb(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="m13.049 12.563l-.788-.804a.08.08 0 0 1-.017-.056q0-.016.005-.03a.1.1 0 0 1 .018-.027l.787-.77h1.485q.086.001.028-.056c-2.255-2.228-4.528-4.174-6.806-6.44c-.394-.395-.225-1.025.225-1.272c.394-.225.776-.073 1.075.225c2.7 2.672 5.416 5.062 8.15 7.762c.383.388.349 1.069-.146 1.322a1.5 1.5 0 0 1-.68.146z"/><path fill="currentColor" d="M9.78 3.581c.158-.86 1.683-.765 1.66.304v1.277l-.011.022a.03.03 0 0 1-.034.012l-.023-.006c-.466-.467-.95-.928-1.434-1.39a1 1 0 0 1-.157-.185s-.012.006 0-.034m4.247 3.966a.07.07 0 0 1 0-.101l4.388-4.157a.94.94 0 0 1 .618-.27c.113 0 .226.017.327.056c.1.04.197.101.275.174l.006.012a.78.78 0 0 1 .23.59a.88.88 0 0 1-.27.613l-4.387 4.157a.073.073 0 0 1-.101 0zm-1.293 3.24l-.883.888a.07.07 0 0 0-.023.057q0 .015.005.03q.006.015.018.026l.798.77c2.307 2.25 4.601 4.753 6.885 6.964c.85.821-.326 2.025-1.176 1.198c-2.272-2.21-4.567-4.719-6.884-6.974l-.011-.012c-.029 0-.023.011-.023.028v2.891c0 .068-.04.08-.09.029l-1.463-1.418a.4.4 0 0 1-.135-.304V6.737q.001-.066.045-.023l1.581 1.542a.08.08 0 0 1 .034.05c.011.017.028.04.028.056v1.272c0 .078.017.09.073.033l.686-.697a.06.06 0 0 1 .04-.017q.022 0 .04.017l1.113 1.08c.028.034.028.062 0 .095l-.653.642z"/><path fill="currentColor" d="M9.454 10.876v1.687h-2.42q-.058 0-.016.034c2.222 2.205 4.466 4.685 6.733 6.918q.268.27.31.59c.044.406-.26.783-.653.873a.84.84 0 0 1-.816-.253c-2.745-2.723-5.484-5.698-8.218-8.398a.826.826 0 0 1 .04-1.215c.191-.161.436-.245.686-.236zm.298 7.56l.006-.023c0-.005 0-.011.011-.017a.034.034 0 0 1 .045 0c.53.523 1.04 1.024 1.541 1.502c.085.079.107.4.068.506a.86.86 0 0 1-1.378.383a.68.68 0 0 1-.281-.551z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.049 12.563l-.788-.804a.08.08 0 0 1-.017-.056q0-.016.005-.03a.1.1 0 0 1 .018-.027l.787-.77h1.485q.086.001.028-.056c-2.255-2.228-4.528-4.174-6.806-6.44c-.394-.395-.225-1.025.225-1.272c.394-.225.776-.073 1.075.225c2.7 2.672 5.416 5.062 8.15 7.762c.383.388.349 1.069-.146 1.322a1.5 1.5 0 0 1-.68.146z"/><path fill="currentColor" d="M9.78 3.581c.158-.86 1.683-.765 1.66.304v1.277l-.011.022a.03.03 0 0 1-.034.012l-.023-.006c-.466-.467-.95-.928-1.434-1.39a1 1 0 0 1-.157-.185s-.012.006 0-.034m4.247 3.966a.07.07 0 0 1 0-.101l4.388-4.157a.94.94 0 0 1 .618-.27c.113 0 .226.017.327.056c.1.04.197.101.275.174l.006.012a.78.78 0 0 1 .23.59a.88.88 0 0 1-.27.613l-4.387 4.157a.073.073 0 0 1-.101 0zm-1.293 3.24l-.883.888a.07.07 0 0 0-.023.057q0 .015.005.03q.006.015.018.026l.798.77c2.307 2.25 4.601 4.753 6.885 6.964c.85.821-.326 2.025-1.176 1.198c-2.272-2.21-4.567-4.719-6.884-6.974l-.011-.012c-.029 0-.023.011-.023.028v2.891c0 .068-.04.08-.09.029l-1.463-1.418a.4.4 0 0 1-.135-.304V6.737q.001-.066.045-.023l1.581 1.542a.08.08 0 0 1 .034.05c.011.017.028.04.028.056v1.272c0 .078.017.09.073.033l.686-.697a.06.06 0 0 1 .04-.017q.022 0 .04.017l1.113 1.08c.028.034.028.062 0 .095l-.653.642z"/><path fill="currentColor" d="M9.454 10.876v1.687h-2.42q-.058 0-.016.034c2.222 2.205 4.466 4.685 6.733 6.918q.268.27.31.59c.044.406-.26.783-.653.873a.84.84 0 0 1-.816-.253c-2.745-2.723-5.484-5.698-8.218-8.398a.826.826 0 0 1 .04-1.215c.191-.161.436-.245.686-.236zm.298 7.56l.006-.023c0-.005 0-.011.011-.017a.034.034 0 0 1 .045 0c.53.523 1.04 1.024 1.541 1.502c.085.079.107.4.068.506a.86.86 0 0 1-1.378.383a.68.68 0 0 1-.281-.551z"/></svg> </template>
CSS
.icon-zkb {
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%22m13.049%2012.563l-.788-.804a.08.08%200%200%201-.017-.056q0-.016.005-.03a.1.1%200%200%201%20.018-.027l.787-.77h1.485q.086.001.028-.056c-2.255-2.228-4.528-4.174-6.806-6.44c-.394-.395-.225-1.025.225-1.272c.394-.225.776-.073%201.075.225c2.7%202.672%205.416%205.062%208.15%207.762c.383.388.349%201.069-.146%201.322a1.5%201.5%200%200%201-.68.146z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.78%203.581c.158-.86%201.683-.765%201.66.304v1.277l-.011.022a.03.03%200%200%201-.034.012l-.023-.006c-.466-.467-.95-.928-1.434-1.39a1%201%200%200%201-.157-.185s-.012.006%200-.034m4.247%203.966a.07.07%200%200%201%200-.101l4.388-4.157a.94.94%200%200%201%20.618-.27c.113%200%20.226.017.327.056c.1.04.197.101.275.174l.006.012a.78.78%200%200%201%20.23.59a.88.88%200%200%201-.27.613l-4.387%204.157a.073.073%200%200%201-.101%200zm-1.293%203.24l-.883.888a.07.07%200%200%200-.023.057q0%20.015.005.03q.006.015.018.026l.798.77c2.307%202.25%204.601%204.753%206.885%206.964c.85.821-.326%202.025-1.176%201.198c-2.272-2.21-4.567-4.719-6.884-6.974l-.011-.012c-.029%200-.023.011-.023.028v2.891c0%20.068-.04.08-.09.029l-1.463-1.418a.4.4%200%200%201-.135-.304V6.737q.001-.066.045-.023l1.581%201.542a.08.08%200%200%201%20.034.05c.011.017.028.04.028.056v1.272c0%20.078.017.09.073.033l.686-.697a.06.06%200%200%201%20.04-.017q.022%200%20.04.017l1.113%201.08c.028.034.028.062%200%20.095l-.653.642z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.454%2010.876v1.687h-2.42q-.058%200-.016.034c2.222%202.205%204.466%204.685%206.733%206.918q.268.27.31.59c.044.406-.26.783-.653.873a.84.84%200%200%201-.816-.253c-2.745-2.723-5.484-5.698-8.218-8.398a.826.826%200%200%201%20.04-1.215c.191-.161.436-.245.686-.236zm.298%207.56l.006-.023c0-.005%200-.011.011-.017a.034.034%200%200%201%20.045%200c.53.523%201.04%201.024%201.541%201.502c.085.079.107.4.068.506a.86.86%200%200%201-1.378.383a.68.68%200%200%201-.281-.551z%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%22m13.049%2012.563l-.788-.804a.08.08%200%200%201-.017-.056q0-.016.005-.03a.1.1%200%200%201%20.018-.027l.787-.77h1.485q.086.001.028-.056c-2.255-2.228-4.528-4.174-6.806-6.44c-.394-.395-.225-1.025.225-1.272c.394-.225.776-.073%201.075.225c2.7%202.672%205.416%205.062%208.15%207.762c.383.388.349%201.069-.146%201.322a1.5%201.5%200%200%201-.68.146z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.78%203.581c.158-.86%201.683-.765%201.66.304v1.277l-.011.022a.03.03%200%200%201-.034.012l-.023-.006c-.466-.467-.95-.928-1.434-1.39a1%201%200%200%201-.157-.185s-.012.006%200-.034m4.247%203.966a.07.07%200%200%201%200-.101l4.388-4.157a.94.94%200%200%201%20.618-.27c.113%200%20.226.017.327.056c.1.04.197.101.275.174l.006.012a.78.78%200%200%201%20.23.59a.88.88%200%200%201-.27.613l-4.387%204.157a.073.073%200%200%201-.101%200zm-1.293%203.24l-.883.888a.07.07%200%200%200-.023.057q0%20.015.005.03q.006.015.018.026l.798.77c2.307%202.25%204.601%204.753%206.885%206.964c.85.821-.326%202.025-1.176%201.198c-2.272-2.21-4.567-4.719-6.884-6.974l-.011-.012c-.029%200-.023.011-.023.028v2.891c0%20.068-.04.08-.09.029l-1.463-1.418a.4.4%200%200%201-.135-.304V6.737q.001-.066.045-.023l1.581%201.542a.08.08%200%200%201%20.034.05c.011.017.028.04.028.056v1.272c0%20.078.017.09.073.033l.686-.697a.06.06%200%200%201%20.04-.017q.022%200%20.04.017l1.113%201.08c.028.034.028.062%200%20.095l-.653.642z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.454%2010.876v1.687h-2.42q-.058%200-.016.034c2.222%202.205%204.466%204.685%206.733%206.918q.268.27.31.59c.044.406-.26.783-.653.873a.84.84%200%200%201-.816-.253c-2.745-2.723-5.484-5.698-8.218-8.398a.826.826%200%200%201%20.04-1.215c.191-.161.436-.245.686-.236zm.298%207.56l.006-.023c0-.005%200-.011.011-.017a.034.034%200%200%201%20.045%200c.53.523%201.04%201.024%201.541%201.502c.085.079.107.4.068.506a.86.86%200%200%201-1.378.383a.68.68%200%200%201-.281-.551z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/zkb.svg?color=%231a73e8&size=48
