zkp logo
zkp from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- zkp
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the zkp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21a9 9 0 1 0 0-17.999A9 9 0 0 0 12 21M5.118 8.008l-.09.027a8.036 8.036 0 1 1 6.988 11.996a3.03 3.03 0 0 1-3.019-3.24a3.03 3.03 0 0 1 .547-1.54l.005-.011a3.02 3.02 0 0 1 4.002-.847l1.218 1.202c.143.211 1.34.143 1.551 0c.17-.106.159-.662.148-.89c0-.058.021-.121.069-.159c.159-.143.519-.46.63-.571c.106-.106.132-.493.138-.678a.21.21 0 0 1 .084-.159c.196-.159.286-.418.318-.556a.2.2 0 0 0-.021-.159l-1.112-1.768a.2.2 0 0 1-.026-.137c.016-.143.01-.487-.37-.916c-.493-.567-2.892-1.906-3.241-1.975c-.265-.053-.646-.026-.82-.01a.2.2 0 0 1-.17-.059c-.238-.238-1.016-1.006-1.196-1.133c-.202-.132-.292-.053-.344 0H10.4c-.13.272-.216.564-.254.863a.21.21 0 0 1-.228.175c-1.355-.138-3.61.286-4.796.545z"/></svg>
React
import type { SVGProps } from "react";
export function TokenZkp(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 21a9 9 0 1 0 0-17.999A9 9 0 0 0 12 21M5.118 8.008l-.09.027a8.036 8.036 0 1 1 6.988 11.996a3.03 3.03 0 0 1-3.019-3.24a3.03 3.03 0 0 1 .547-1.54l.005-.011a3.02 3.02 0 0 1 4.002-.847l1.218 1.202c.143.211 1.34.143 1.551 0c.17-.106.159-.662.148-.89c0-.058.021-.121.069-.159c.159-.143.519-.46.63-.571c.106-.106.132-.493.138-.678a.21.21 0 0 1 .084-.159c.196-.159.286-.418.318-.556a.2.2 0 0 0-.021-.159l-1.112-1.768a.2.2 0 0 1-.026-.137c.016-.143.01-.487-.37-.916c-.493-.567-2.892-1.906-3.241-1.975c-.265-.053-.646-.026-.82-.01a.2.2 0 0 1-.17-.059c-.238-.238-1.016-1.006-1.196-1.133c-.202-.132-.292-.053-.344 0H10.4c-.13.272-.216.564-.254.863a.21.21 0 0 1-.228.175c-1.355-.138-3.61.286-4.796.545z"/></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 21a9 9 0 1 0 0-17.999A9 9 0 0 0 12 21M5.118 8.008l-.09.027a8.036 8.036 0 1 1 6.988 11.996a3.03 3.03 0 0 1-3.019-3.24a3.03 3.03 0 0 1 .547-1.54l.005-.011a3.02 3.02 0 0 1 4.002-.847l1.218 1.202c.143.211 1.34.143 1.551 0c.17-.106.159-.662.148-.89c0-.058.021-.121.069-.159c.159-.143.519-.46.63-.571c.106-.106.132-.493.138-.678a.21.21 0 0 1 .084-.159c.196-.159.286-.418.318-.556a.2.2 0 0 0-.021-.159l-1.112-1.768a.2.2 0 0 1-.026-.137c.016-.143.01-.487-.37-.916c-.493-.567-2.892-1.906-3.241-1.975c-.265-.053-.646-.026-.82-.01a.2.2 0 0 1-.17-.059c-.238-.238-1.016-1.006-1.196-1.133c-.202-.132-.292-.053-.344 0H10.4c-.13.272-.216.564-.254.863a.21.21 0 0 1-.228.175c-1.355-.138-3.61.286-4.796.545z"/></svg> </template>
CSS
.icon-zkp {
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%2021a9%209%200%201%200%200-17.999A9%209%200%200%200%2012%2021M5.118%208.008l-.09.027a8.036%208.036%200%201%201%206.988%2011.996a3.03%203.03%200%200%201-3.019-3.24a3.03%203.03%200%200%201%20.547-1.54l.005-.011a3.02%203.02%200%200%201%204.002-.847l1.218%201.202c.143.211%201.34.143%201.551%200c.17-.106.159-.662.148-.89c0-.058.021-.121.069-.159c.159-.143.519-.46.63-.571c.106-.106.132-.493.138-.678a.21.21%200%200%201%20.084-.159c.196-.159.286-.418.318-.556a.2.2%200%200%200-.021-.159l-1.112-1.768a.2.2%200%200%201-.026-.137c.016-.143.01-.487-.37-.916c-.493-.567-2.892-1.906-3.241-1.975c-.265-.053-.646-.026-.82-.01a.2.2%200%200%201-.17-.059c-.238-.238-1.016-1.006-1.196-1.133c-.202-.132-.292-.053-.344%200H10.4c-.13.272-.216.564-.254.863a.21.21%200%200%201-.228.175c-1.355-.138-3.61.286-4.796.545z%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%2021a9%209%200%201%200%200-17.999A9%209%200%200%200%2012%2021M5.118%208.008l-.09.027a8.036%208.036%200%201%201%206.988%2011.996a3.03%203.03%200%200%201-3.019-3.24a3.03%203.03%200%200%201%20.547-1.54l.005-.011a3.02%203.02%200%200%201%204.002-.847l1.218%201.202c.143.211%201.34.143%201.551%200c.17-.106.159-.662.148-.89c0-.058.021-.121.069-.159c.159-.143.519-.46.63-.571c.106-.106.132-.493.138-.678a.21.21%200%200%201%20.084-.159c.196-.159.286-.418.318-.556a.2.2%200%200%200-.021-.159l-1.112-1.768a.2.2%200%200%201-.026-.137c.016-.143.01-.487-.37-.916c-.493-.567-2.892-1.906-3.241-1.975c-.265-.053-.646-.026-.82-.01a.2.2%200%200%201-.17-.059c-.238-.238-1.016-1.006-1.196-1.133c-.202-.132-.292-.053-.344%200H10.4c-.13.272-.216.564-.254.863a.21.21%200%200%201-.228.175c-1.355-.138-3.61.286-4.796.545z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/zkp.svg?color=%231a73e8&size=48
