zen logo
zen-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- zen-background
- Set
- Web3 Icons Branded
- Style
- Background
- 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"><g clip-path="url(#SVGHcSWxdhd211)"><path fill="url(#SVGJPt1abJI)" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.508 7.338L17.2 9.365a5.834 5.834 0 0 1-4.263 8.384a5.8 5.8 0 0 1-3.544-.55L7.36 18.506a7.988 7.988 0 0 0 12.612-5.857a8.02 8.02 0 0 0-1.464-5.316h.005z"/><path fill="#fff" d="M12.012 16.007a4.015 4.015 0 0 0 3.952-3.293a9.15 9.15 0 0 0-7.284 1.515a4.02 4.02 0 0 0 3.332 1.778"/><path fill="#fff" d="M13.992 11.777q1.03.001 2.038.222a4.02 4.02 0 0 0-7.87-1.157a4 4 0 0 0-.13 1.697c-.555.409-1.06.88-1.506 1.407a5.833 5.833 0 0 1 4.739-7.706a5.8 5.8 0 0 1 3.35.565l2.024-1.313A7.986 7.986 0 0 0 4.02 11.439a8 8 0 0 0 1.548 5.32a9.6 9.6 0 0 1 1.365-1.886q.654-.676 1.411-1.237a9.55 9.55 0 0 1 5.652-1.858z"/></g><defs><radialGradient id="SVGJPt1abJI" cx="0" cy="0" r="1" gradientTransform="matrix(17.034 0 0 17.0165 18.119 3.995)" 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><clipPath id="SVGHcSWxdhd211"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedZenBackground(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"><g clipPath="url(#SVGHcSWxdhd211)"><path fill="url(#SVGJPt1abJI)" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.508 7.338L17.2 9.365a5.834 5.834 0 0 1-4.263 8.384a5.8 5.8 0 0 1-3.544-.55L7.36 18.506a7.988 7.988 0 0 0 12.612-5.857a8.02 8.02 0 0 0-1.464-5.316h.005z"/><path fill="#fff" d="M12.012 16.007a4.015 4.015 0 0 0 3.952-3.293a9.15 9.15 0 0 0-7.284 1.515a4.02 4.02 0 0 0 3.332 1.778"/><path fill="#fff" d="M13.992 11.777q1.03.001 2.038.222a4.02 4.02 0 0 0-7.87-1.157a4 4 0 0 0-.13 1.697c-.555.409-1.06.88-1.506 1.407a5.833 5.833 0 0 1 4.739-7.706a5.8 5.8 0 0 1 3.35.565l2.024-1.313A7.986 7.986 0 0 0 4.02 11.439a8 8 0 0 0 1.548 5.32a9.6 9.6 0 0 1 1.365-1.886q.654-.676 1.411-1.237a9.55 9.55 0 0 1 5.652-1.858z"/></g><defs><radialGradient id="SVGJPt1abJI" cx="0" cy="0" r="1" gradientTransform="matrix(17.034 0 0 17.0165 18.119 3.995)" gradientUnits="userSpaceOnUse"><stop offset=".1" stopColor="#26db8d"/><stop offset=".26" stopColor="#23d29a"/><stop offset=".56" stopColor="#1abbbb"/><stop offset=".89" stopColor="#0e9de5"/></radialGradient><clipPath id="SVGHcSWxdhd211"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd211)"><path fill="url(#SVGJPt1abJI)" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.508 7.338L17.2 9.365a5.834 5.834 0 0 1-4.263 8.384a5.8 5.8 0 0 1-3.544-.55L7.36 18.506a7.988 7.988 0 0 0 12.612-5.857a8.02 8.02 0 0 0-1.464-5.316h.005z"/><path fill="#fff" d="M12.012 16.007a4.015 4.015 0 0 0 3.952-3.293a9.15 9.15 0 0 0-7.284 1.515a4.02 4.02 0 0 0 3.332 1.778"/><path fill="#fff" d="M13.992 11.777q1.03.001 2.038.222a4.02 4.02 0 0 0-7.87-1.157a4 4 0 0 0-.13 1.697c-.555.409-1.06.88-1.506 1.407a5.833 5.833 0 0 1 4.739-7.706a5.8 5.8 0 0 1 3.35.565l2.024-1.313A7.986 7.986 0 0 0 4.02 11.439a8 8 0 0 0 1.548 5.32a9.6 9.6 0 0 1 1.365-1.886q.654-.676 1.411-1.237a9.55 9.55 0 0 1 5.652-1.858z"/></g><defs><radialGradient id="SVGJPt1abJI" cx="0" cy="0" r="1" gradientTransform="matrix(17.034 0 0 17.0165 18.119 3.995)" 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><clipPath id="SVGHcSWxdhd211"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-zen-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd211)%22%3E%3Cpath%20fill%3D%22url(%23SVGJPt1abJI)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.508%207.338L17.2%209.365a5.834%205.834%200%200%201-4.263%208.384a5.8%205.8%200%200%201-3.544-.55L7.36%2018.506a7.988%207.988%200%200%200%2012.612-5.857a8.02%208.02%200%200%200-1.464-5.316h.005z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.012%2016.007a4.015%204.015%200%200%200%203.952-3.293a9.15%209.15%200%200%200-7.284%201.515a4.02%204.02%200%200%200%203.332%201.778%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.992%2011.777q1.03.001%202.038.222a4.02%204.02%200%200%200-7.87-1.157a4%204%200%200%200-.13%201.697c-.555.409-1.06.88-1.506%201.407a5.833%205.833%200%200%201%204.739-7.706a5.8%205.8%200%200%201%203.35.565l2.024-1.313A7.986%207.986%200%200%200%204.02%2011.439a8%208%200%200%200%201.548%205.32a9.6%209.6%200%200%201%201.365-1.886q.654-.676%201.411-1.237a9.55%209.55%200%200%201%205.652-1.858z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGJPt1abJI%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(17.034%200%200%2017.0165%2018.119%203.995)%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%3CclipPath%20id%3D%22SVGHcSWxdhd211%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd211)%22%3E%3Cpath%20fill%3D%22url(%23SVGJPt1abJI)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.508%207.338L17.2%209.365a5.834%205.834%200%200%201-4.263%208.384a5.8%205.8%200%200%201-3.544-.55L7.36%2018.506a7.988%207.988%200%200%200%2012.612-5.857a8.02%208.02%200%200%200-1.464-5.316h.005z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.012%2016.007a4.015%204.015%200%200%200%203.952-3.293a9.15%209.15%200%200%200-7.284%201.515a4.02%204.02%200%200%200%203.332%201.778%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.992%2011.777q1.03.001%202.038.222a4.02%204.02%200%200%200-7.87-1.157a4%204%200%200%200-.13%201.697c-.555.409-1.06.88-1.506%201.407a5.833%205.833%200%200%201%204.739-7.706a5.8%205.8%200%200%201%203.35.565l2.024-1.313A7.986%207.986%200%200%200%204.02%2011.439a8%208%200%200%200%201.548%205.32a9.6%209.6%200%200%201%201.365-1.886q.654-.676%201.411-1.237a9.55%209.55%200%200%201%205.652-1.858z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGJPt1abJI%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(17.034%200%200%2017.0165%2018.119%203.995)%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%3CclipPath%20id%3D%22SVGHcSWxdhd211%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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-background.svg?color=%231a73e8&size=48
