zen logo
zen from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- zen
- 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 zen logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGFdxNteVk)" d="m19.323 6.754l-1.472 2.28a6.562 6.562 0 0 1-4.796 9.432a6.54 6.54 0 0 1-3.987-.618l-2.287 1.47A8.986 8.986 0 0 0 20.97 12.73a9.03 9.03 0 0 0-1.647-5.98h.006z"/><path fill="url(#SVG5RDvhbGU)" d="M12.012 16.51a4.52 4.52 0 0 0 4.447-3.706a10.3 10.3 0 0 0-8.196 1.704a4.53 4.53 0 0 0 3.749 2.001"/><path fill="#fff" d="M14.24 11.75q1.16.001 2.293.25a4.524 4.524 0 0 0-7.93-2.979a4.5 4.5 0 0 0-1.07 3.587c-.625.46-1.193.99-1.694 1.582a6.56 6.56 0 0 1 5.331-8.67a6.53 6.53 0 0 1 3.77.636l2.276-1.477A8.985 8.985 0 0 0 3.022 11.37a9 9 0 0 0 1.742 5.986c.425-.767.94-1.48 1.535-2.122q.737-.762 1.588-1.392a10.75 10.75 0 0 1 6.359-2.09z"/><defs><radialGradient id="SVGFdxNteVk" cx="0" cy="0" r="1" gradientTransform="matrix(19.1627 0 0 19.1429 18.884 2.994)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#26db8d"/><stop offset=".26" stop-color="#23d29a"/><stop offset=".56" stop-color="#1abbbb"/><stop offset=".89" stop-color="#0e9de5"/></radialGradient><radialGradient id="SVG5RDvhbGU" cx="0" cy="0" r="1" gradientTransform="matrix(33.2458 0 0 69.2569 27.301 -23.622)" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#23d29a"/><stop offset=".56" stop-color="#1abbbb"/><stop offset=".89" stop-color="#0e9de5"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedZen(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="url(#SVGFdxNteVk)" d="m19.323 6.754l-1.472 2.28a6.562 6.562 0 0 1-4.796 9.432a6.54 6.54 0 0 1-3.987-.618l-2.287 1.47A8.986 8.986 0 0 0 20.97 12.73a9.03 9.03 0 0 0-1.647-5.98h.006z"/><path fill="url(#SVG5RDvhbGU)" d="M12.012 16.51a4.52 4.52 0 0 0 4.447-3.706a10.3 10.3 0 0 0-8.196 1.704a4.53 4.53 0 0 0 3.749 2.001"/><path fill="#fff" d="M14.24 11.75q1.16.001 2.293.25a4.524 4.524 0 0 0-7.93-2.979a4.5 4.5 0 0 0-1.07 3.587c-.625.46-1.193.99-1.694 1.582a6.56 6.56 0 0 1 5.331-8.67a6.53 6.53 0 0 1 3.77.636l2.276-1.477A8.985 8.985 0 0 0 3.022 11.37a9 9 0 0 0 1.742 5.986c.425-.767.94-1.48 1.535-2.122q.737-.762 1.588-1.392a10.75 10.75 0 0 1 6.359-2.09z"/><defs><radialGradient id="SVGFdxNteVk" cx="0" cy="0" r="1" gradientTransform="matrix(19.1627 0 0 19.1429 18.884 2.994)" gradientUnits="userSpaceOnUse"><stop offset=".1" stopColor="#26db8d"/><stop offset=".26" stopColor="#23d29a"/><stop offset=".56" stopColor="#1abbbb"/><stop offset=".89" stopColor="#0e9de5"/></radialGradient><radialGradient id="SVG5RDvhbGU" cx="0" cy="0" r="1" gradientTransform="matrix(33.2458 0 0 69.2569 27.301 -23.622)" gradientUnits="userSpaceOnUse"><stop offset=".26" stopColor="#23d29a"/><stop offset=".56" stopColor="#1abbbb"/><stop offset=".89" stopColor="#0e9de5"/></radialGradient></defs></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="url(#SVGFdxNteVk)" d="m19.323 6.754l-1.472 2.28a6.562 6.562 0 0 1-4.796 9.432a6.54 6.54 0 0 1-3.987-.618l-2.287 1.47A8.986 8.986 0 0 0 20.97 12.73a9.03 9.03 0 0 0-1.647-5.98h.006z"/><path fill="url(#SVG5RDvhbGU)" d="M12.012 16.51a4.52 4.52 0 0 0 4.447-3.706a10.3 10.3 0 0 0-8.196 1.704a4.53 4.53 0 0 0 3.749 2.001"/><path fill="#fff" d="M14.24 11.75q1.16.001 2.293.25a4.524 4.524 0 0 0-7.93-2.979a4.5 4.5 0 0 0-1.07 3.587c-.625.46-1.193.99-1.694 1.582a6.56 6.56 0 0 1 5.331-8.67a6.53 6.53 0 0 1 3.77.636l2.276-1.477A8.985 8.985 0 0 0 3.022 11.37a9 9 0 0 0 1.742 5.986c.425-.767.94-1.48 1.535-2.122q.737-.762 1.588-1.392a10.75 10.75 0 0 1 6.359-2.09z"/><defs><radialGradient id="SVGFdxNteVk" cx="0" cy="0" r="1" gradientTransform="matrix(19.1627 0 0 19.1429 18.884 2.994)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#26db8d"/><stop offset=".26" stop-color="#23d29a"/><stop offset=".56" stop-color="#1abbbb"/><stop offset=".89" stop-color="#0e9de5"/></radialGradient><radialGradient id="SVG5RDvhbGU" cx="0" cy="0" r="1" gradientTransform="matrix(33.2458 0 0 69.2569 27.301 -23.622)" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#23d29a"/><stop offset=".56" stop-color="#1abbbb"/><stop offset=".89" stop-color="#0e9de5"/></radialGradient></defs></g></svg> </template>
CSS
.icon-zen {
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%22url(%23SVGFdxNteVk)%22%20d%3D%22m19.323%206.754l-1.472%202.28a6.562%206.562%200%200%201-4.796%209.432a6.54%206.54%200%200%201-3.987-.618l-2.287%201.47A8.986%208.986%200%200%200%2020.97%2012.73a9.03%209.03%200%200%200-1.647-5.98h.006z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG5RDvhbGU)%22%20d%3D%22M12.012%2016.51a4.52%204.52%200%200%200%204.447-3.706a10.3%2010.3%200%200%200-8.196%201.704a4.53%204.53%200%200%200%203.749%202.001%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.24%2011.75q1.16.001%202.293.25a4.524%204.524%200%200%200-7.93-2.979a4.5%204.5%200%200%200-1.07%203.587c-.625.46-1.193.99-1.694%201.582a6.56%206.56%200%200%201%205.331-8.67a6.53%206.53%200%200%201%203.77.636l2.276-1.477A8.985%208.985%200%200%200%203.022%2011.37a9%209%200%200%200%201.742%205.986c.425-.767.94-1.48%201.535-2.122q.737-.762%201.588-1.392a10.75%2010.75%200%200%201%206.359-2.09z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGFdxNteVk%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(19.1627%200%200%2019.1429%2018.884%202.994)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.1%22%20stop-color%3D%22%2326db8d%22%2F%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2323d29a%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%231abbbb%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%230e9de5%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG5RDvhbGU%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(33.2458%200%200%2069.2569%2027.301%20-23.622)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2323d29a%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%231abbbb%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%230e9de5%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%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%22url(%23SVGFdxNteVk)%22%20d%3D%22m19.323%206.754l-1.472%202.28a6.562%206.562%200%200%201-4.796%209.432a6.54%206.54%200%200%201-3.987-.618l-2.287%201.47A8.986%208.986%200%200%200%2020.97%2012.73a9.03%209.03%200%200%200-1.647-5.98h.006z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG5RDvhbGU)%22%20d%3D%22M12.012%2016.51a4.52%204.52%200%200%200%204.447-3.706a10.3%2010.3%200%200%200-8.196%201.704a4.53%204.53%200%200%200%203.749%202.001%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.24%2011.75q1.16.001%202.293.25a4.524%204.524%200%200%200-7.93-2.979a4.5%204.5%200%200%200-1.07%203.587c-.625.46-1.193.99-1.694%201.582a6.56%206.56%200%200%201%205.331-8.67a6.53%206.53%200%200%201%203.77.636l2.276-1.477A8.985%208.985%200%200%200%203.022%2011.37a9%209%200%200%200%201.742%205.986c.425-.767.94-1.48%201.535-2.122q.737-.762%201.588-1.392a10.75%2010.75%200%200%201%206.359-2.09z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGFdxNteVk%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(19.1627%200%200%2019.1429%2018.884%202.994)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.1%22%20stop-color%3D%22%2326db8d%22%2F%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2323d29a%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%231abbbb%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%230e9de5%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG5RDvhbGU%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(33.2458%200%200%2069.2569%2027.301%20-23.622)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2323d29a%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%231abbbb%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%230e9de5%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/zen.svg?color=%231a73e8&size=48
