zen logo
zen from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- zen
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="m19.322 6.756l-1.472 2.28a6.564 6.564 0 0 1-4.796 9.432a6.53 6.53 0 0 1-3.987-.619L6.78 19.32a8.986 8.986 0 0 0 14.188-6.59a9.03 9.03 0 0 0-1.646-5.98h.006z"/><path fill="currentColor" d="M12.013 16.508a4.52 4.52 0 0 0 4.447-3.705a10.3 10.3 0 0 0-8.195 1.704a4.52 4.52 0 0 0 3.748 2.001"/><path fill="currentColor" d="M14.242 11.75q1.157 0 2.292.249a4.524 4.524 0 0 0-8.854-1.302a4.5 4.5 0 0 0-.146 1.91c-.625.46-1.193.99-1.694 1.583a6.562 6.562 0 0 1 5.33-8.67a6.53 6.53 0 0 1 3.77.635l2.277-1.477A8.984 8.984 0 0 0 3.022 11.37a9 9 0 0 0 1.742 5.986c.424-.767.94-1.48 1.535-2.122q.736-.762 1.588-1.392a10.75 10.75 0 0 1 6.359-2.09z"/></svg>
React
import type { SVGProps } from "react";
export function TokenZen(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="m19.322 6.756l-1.472 2.28a6.564 6.564 0 0 1-4.796 9.432a6.53 6.53 0 0 1-3.987-.619L6.78 19.32a8.986 8.986 0 0 0 14.188-6.59a9.03 9.03 0 0 0-1.646-5.98h.006z"/><path fill="currentColor" d="M12.013 16.508a4.52 4.52 0 0 0 4.447-3.705a10.3 10.3 0 0 0-8.195 1.704a4.52 4.52 0 0 0 3.748 2.001"/><path fill="currentColor" d="M14.242 11.75q1.157 0 2.292.249a4.524 4.524 0 0 0-8.854-1.302a4.5 4.5 0 0 0-.146 1.91c-.625.46-1.193.99-1.694 1.583a6.562 6.562 0 0 1 5.33-8.67a6.53 6.53 0 0 1 3.77.635l2.277-1.477A8.984 8.984 0 0 0 3.022 11.37a9 9 0 0 0 1.742 5.986c.424-.767.94-1.48 1.535-2.122q.736-.762 1.588-1.392a10.75 10.75 0 0 1 6.359-2.09z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.322 6.756l-1.472 2.28a6.564 6.564 0 0 1-4.796 9.432a6.53 6.53 0 0 1-3.987-.619L6.78 19.32a8.986 8.986 0 0 0 14.188-6.59a9.03 9.03 0 0 0-1.646-5.98h.006z"/><path fill="currentColor" d="M12.013 16.508a4.52 4.52 0 0 0 4.447-3.705a10.3 10.3 0 0 0-8.195 1.704a4.52 4.52 0 0 0 3.748 2.001"/><path fill="currentColor" d="M14.242 11.75q1.157 0 2.292.249a4.524 4.524 0 0 0-8.854-1.302a4.5 4.5 0 0 0-.146 1.91c-.625.46-1.193.99-1.694 1.583a6.562 6.562 0 0 1 5.33-8.67a6.53 6.53 0 0 1 3.77.635l2.277-1.477A8.984 8.984 0 0 0 3.022 11.37a9 9 0 0 0 1.742 5.986c.424-.767.94-1.48 1.535-2.122q.736-.762 1.588-1.392a10.75 10.75 0 0 1 6.359-2.09z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.322%206.756l-1.472%202.28a6.564%206.564%200%200%201-4.796%209.432a6.53%206.53%200%200%201-3.987-.619L6.78%2019.32a8.986%208.986%200%200%200%2014.188-6.59a9.03%209.03%200%200%200-1.646-5.98h.006z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.013%2016.508a4.52%204.52%200%200%200%204.447-3.705a10.3%2010.3%200%200%200-8.195%201.704a4.52%204.52%200%200%200%203.748%202.001%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.242%2011.75q1.157%200%202.292.249a4.524%204.524%200%200%200-8.854-1.302a4.5%204.5%200%200%200-.146%201.91c-.625.46-1.193.99-1.694%201.583a6.562%206.562%200%200%201%205.33-8.67a6.53%206.53%200%200%201%203.77.635l2.277-1.477A8.984%208.984%200%200%200%203.022%2011.37a9%209%200%200%200%201.742%205.986c.424-.767.94-1.48%201.535-2.122q.736-.762%201.588-1.392a10.75%2010.75%200%200%201%206.359-2.09z%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%22m19.322%206.756l-1.472%202.28a6.564%206.564%200%200%201-4.796%209.432a6.53%206.53%200%200%201-3.987-.619L6.78%2019.32a8.986%208.986%200%200%200%2014.188-6.59a9.03%209.03%200%200%200-1.646-5.98h.006z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.013%2016.508a4.52%204.52%200%200%200%204.447-3.705a10.3%2010.3%200%200%200-8.195%201.704a4.52%204.52%200%200%200%203.748%202.001%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.242%2011.75q1.157%200%202.292.249a4.524%204.524%200%200%200-8.854-1.302a4.5%204.5%200%200%200-.146%201.91c-.625.46-1.193.99-1.694%201.583a6.562%206.562%200%200%201%205.33-8.67a6.53%206.53%200%200%201%203.77.635l2.277-1.477A8.984%208.984%200%200%200%203.022%2011.37a9%209%200%200%200%201.742%205.986c.424-.767.94-1.48%201.535-2.122q.736-.762%201.588-1.392a10.75%2010.75%200%200%201%206.359-2.09z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/zen.svg?color=%231a73e8&size=48
