zmn logo
zmn-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- zmn-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the zmn 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(#SVGHcSWxdhd2)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGSGM2je7P)" d="M11.884 4h.387c2.041.093 3.779.803 5.213 2.149q2.241 2.102 2.508 5.278v1.065a7.8 7.8 0 0 1-1.98 4.703a7.95 7.95 0 0 1-8.747 2.336A7.945 7.945 0 0 1 6.39 6.382Q8.605 4.132 11.884 4"/><path fill="url(#SVGK6w1tddz)" d="M19.338 11.945A7.27 7.27 0 0 1 5.346 14.72a7.29 7.29 0 0 1 1.567-7.922a7.287 7.287 0 0 1 12.425 5.147"/><path fill="url(#SVG6vizPHzD)" d="M6.717 8.209a6.61 6.61 0 0 1 6.67.023a.1.1 0 0 0 .047-.019l2.364-1.648q.048-.032 0-.061a6.657 6.657 0 0 0-9.333 1.835l.023.024q.016.015.024 0a1 1 0 0 1 .205-.154m9.585-1.261L5.877 14.155c-.033.018-.038.046-.029.08q.236.629.598 1.195a.06.06 0 0 0 .047.01l.019-.01l10.747-7.46a.07.07 0 0 0 .029-.07a7 7 0 0 0-.897-.948a.07.07 0 0 0-.09-.004m1.92 2.779L7.805 16.953a.06.06 0 0 1-.07-.005a9 9 0 0 1-.916-.953q-.033-.036.005-.065L17.6 8.466a.06.06 0 0 1 .07 0c.01 0 .014.009.02.018q.335.531.56 1.154a.04.04 0 0 1 0 .047a.1.1 0 0 1-.029.046zm-.636 5.824a6.9 6.9 0 0 1-3.208.995a6.57 6.57 0 0 1-3.597-.869a.07.07 0 0 0-.075.005L8.324 17.35a.03.03 0 0 0-.014.024q0 .008.004.013l.01.01a6.65 6.65 0 0 0 9.29-1.817c.033-.046.024-.06-.028-.028"/></g><defs><linearGradient id="SVGSGM2je7P" x1="4.111" x2="19.693" y1="12.356" y2="12.239" gradientUnits="userSpaceOnUse"><stop stop-color="#929595"/><stop offset=".49" stop-color="#f2f1ee"/><stop offset="1" stop-color="#949797"/></linearGradient><linearGradient id="SVGK6w1tddz" x1="4.669" x2="19.278" y1="11.28" y2="11.152" gradientUnits="userSpaceOnUse"><stop stop-color="#15191b"/><stop offset=".51" stop-color="#373a3c"/><stop offset="1" stop-color="#181c1e"/></linearGradient><linearGradient id="SVG6vizPHzD" x1="6.161" x2="17.75" y1="12.767" y2="10.941" gradientUnits="userSpaceOnUse"><stop stop-color="#959797"/><stop offset=".5" stop-color="#ededeb"/><stop offset="1" stop-color="#989a9a"/></linearGradient><clipPath id="SVGHcSWxdhd2"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedZmnBackground(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(#SVGHcSWxdhd2)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGSGM2je7P)" d="M11.884 4h.387c2.041.093 3.779.803 5.213 2.149q2.241 2.102 2.508 5.278v1.065a7.8 7.8 0 0 1-1.98 4.703a7.95 7.95 0 0 1-8.747 2.336A7.945 7.945 0 0 1 6.39 6.382Q8.605 4.132 11.884 4"/><path fill="url(#SVGK6w1tddz)" d="M19.338 11.945A7.27 7.27 0 0 1 5.346 14.72a7.29 7.29 0 0 1 1.567-7.922a7.287 7.287 0 0 1 12.425 5.147"/><path fill="url(#SVG6vizPHzD)" d="M6.717 8.209a6.61 6.61 0 0 1 6.67.023a.1.1 0 0 0 .047-.019l2.364-1.648q.048-.032 0-.061a6.657 6.657 0 0 0-9.333 1.835l.023.024q.016.015.024 0a1 1 0 0 1 .205-.154m9.585-1.261L5.877 14.155c-.033.018-.038.046-.029.08q.236.629.598 1.195a.06.06 0 0 0 .047.01l.019-.01l10.747-7.46a.07.07 0 0 0 .029-.07a7 7 0 0 0-.897-.948a.07.07 0 0 0-.09-.004m1.92 2.779L7.805 16.953a.06.06 0 0 1-.07-.005a9 9 0 0 1-.916-.953q-.033-.036.005-.065L17.6 8.466a.06.06 0 0 1 .07 0c.01 0 .014.009.02.018q.335.531.56 1.154a.04.04 0 0 1 0 .047a.1.1 0 0 1-.029.046zm-.636 5.824a6.9 6.9 0 0 1-3.208.995a6.57 6.57 0 0 1-3.597-.869a.07.07 0 0 0-.075.005L8.324 17.35a.03.03 0 0 0-.014.024q0 .008.004.013l.01.01a6.65 6.65 0 0 0 9.29-1.817c.033-.046.024-.06-.028-.028"/></g><defs><linearGradient id="SVGSGM2je7P" x1="4.111" x2="19.693" y1="12.356" y2="12.239" gradientUnits="userSpaceOnUse"><stop stopColor="#929595"/><stop offset=".49" stopColor="#f2f1ee"/><stop offset="1" stopColor="#949797"/></linearGradient><linearGradient id="SVGK6w1tddz" x1="4.669" x2="19.278" y1="11.28" y2="11.152" gradientUnits="userSpaceOnUse"><stop stopColor="#15191b"/><stop offset=".51" stopColor="#373a3c"/><stop offset="1" stopColor="#181c1e"/></linearGradient><linearGradient id="SVG6vizPHzD" x1="6.161" x2="17.75" y1="12.767" y2="10.941" gradientUnits="userSpaceOnUse"><stop stopColor="#959797"/><stop offset=".5" stopColor="#ededeb"/><stop offset="1" stopColor="#989a9a"/></linearGradient><clipPath id="SVGHcSWxdhd2"><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(#SVGHcSWxdhd2)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGSGM2je7P)" d="M11.884 4h.387c2.041.093 3.779.803 5.213 2.149q2.241 2.102 2.508 5.278v1.065a7.8 7.8 0 0 1-1.98 4.703a7.95 7.95 0 0 1-8.747 2.336A7.945 7.945 0 0 1 6.39 6.382Q8.605 4.132 11.884 4"/><path fill="url(#SVGK6w1tddz)" d="M19.338 11.945A7.27 7.27 0 0 1 5.346 14.72a7.29 7.29 0 0 1 1.567-7.922a7.287 7.287 0 0 1 12.425 5.147"/><path fill="url(#SVG6vizPHzD)" d="M6.717 8.209a6.61 6.61 0 0 1 6.67.023a.1.1 0 0 0 .047-.019l2.364-1.648q.048-.032 0-.061a6.657 6.657 0 0 0-9.333 1.835l.023.024q.016.015.024 0a1 1 0 0 1 .205-.154m9.585-1.261L5.877 14.155c-.033.018-.038.046-.029.08q.236.629.598 1.195a.06.06 0 0 0 .047.01l.019-.01l10.747-7.46a.07.07 0 0 0 .029-.07a7 7 0 0 0-.897-.948a.07.07 0 0 0-.09-.004m1.92 2.779L7.805 16.953a.06.06 0 0 1-.07-.005a9 9 0 0 1-.916-.953q-.033-.036.005-.065L17.6 8.466a.06.06 0 0 1 .07 0c.01 0 .014.009.02.018q.335.531.56 1.154a.04.04 0 0 1 0 .047a.1.1 0 0 1-.029.046zm-.636 5.824a6.9 6.9 0 0 1-3.208.995a6.57 6.57 0 0 1-3.597-.869a.07.07 0 0 0-.075.005L8.324 17.35a.03.03 0 0 0-.014.024q0 .008.004.013l.01.01a6.65 6.65 0 0 0 9.29-1.817c.033-.046.024-.06-.028-.028"/></g><defs><linearGradient id="SVGSGM2je7P" x1="4.111" x2="19.693" y1="12.356" y2="12.239" gradientUnits="userSpaceOnUse"><stop stop-color="#929595"/><stop offset=".49" stop-color="#f2f1ee"/><stop offset="1" stop-color="#949797"/></linearGradient><linearGradient id="SVGK6w1tddz" x1="4.669" x2="19.278" y1="11.28" y2="11.152" gradientUnits="userSpaceOnUse"><stop stop-color="#15191b"/><stop offset=".51" stop-color="#373a3c"/><stop offset="1" stop-color="#181c1e"/></linearGradient><linearGradient id="SVG6vizPHzD" x1="6.161" x2="17.75" y1="12.767" y2="10.941" gradientUnits="userSpaceOnUse"><stop stop-color="#959797"/><stop offset=".5" stop-color="#ededeb"/><stop offset="1" stop-color="#989a9a"/></linearGradient><clipPath id="SVGHcSWxdhd2"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-zmn-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(%23SVGHcSWxdhd2)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSGM2je7P)%22%20d%3D%22M11.884%204h.387c2.041.093%203.779.803%205.213%202.149q2.241%202.102%202.508%205.278v1.065a7.8%207.8%200%200%201-1.98%204.703a7.95%207.95%200%200%201-8.747%202.336A7.945%207.945%200%200%201%206.39%206.382Q8.605%204.132%2011.884%204%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGK6w1tddz)%22%20d%3D%22M19.338%2011.945A7.27%207.27%200%200%201%205.346%2014.72a7.29%207.29%200%200%201%201.567-7.922a7.287%207.287%200%200%201%2012.425%205.147%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6vizPHzD)%22%20d%3D%22M6.717%208.209a6.61%206.61%200%200%201%206.67.023a.1.1%200%200%200%20.047-.019l2.364-1.648q.048-.032%200-.061a6.657%206.657%200%200%200-9.333%201.835l.023.024q.016.015.024%200a1%201%200%200%201%20.205-.154m9.585-1.261L5.877%2014.155c-.033.018-.038.046-.029.08q.236.629.598%201.195a.06.06%200%200%200%20.047.01l.019-.01l10.747-7.46a.07.07%200%200%200%20.029-.07a7%207%200%200%200-.897-.948a.07.07%200%200%200-.09-.004m1.92%202.779L7.805%2016.953a.06.06%200%200%201-.07-.005a9%209%200%200%201-.916-.953q-.033-.036.005-.065L17.6%208.466a.06.06%200%200%201%20.07%200c.01%200%20.014.009.02.018q.335.531.56%201.154a.04.04%200%200%201%200%20.047a.1.1%200%200%201-.029.046zm-.636%205.824a6.9%206.9%200%200%201-3.208.995a6.57%206.57%200%200%201-3.597-.869a.07.07%200%200%200-.075.005L8.324%2017.35a.03.03%200%200%200-.014.024q0%20.008.004.013l.01.01a6.65%206.65%200%200%200%209.29-1.817c.033-.046.024-.06-.028-.028%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSGM2je7P%22%20x1%3D%224.111%22%20x2%3D%2219.693%22%20y1%3D%2212.356%22%20y2%3D%2212.239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23929595%22%2F%3E%3Cstop%20offset%3D%22.49%22%20stop-color%3D%22%23f2f1ee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23949797%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGK6w1tddz%22%20x1%3D%224.669%22%20x2%3D%2219.278%22%20y1%3D%2211.28%22%20y2%3D%2211.152%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2315191b%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%23373a3c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23181c1e%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG6vizPHzD%22%20x1%3D%226.161%22%20x2%3D%2217.75%22%20y1%3D%2212.767%22%20y2%3D%2210.941%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23959797%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ededeb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23989a9a%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd2%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(%23SVGHcSWxdhd2)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSGM2je7P)%22%20d%3D%22M11.884%204h.387c2.041.093%203.779.803%205.213%202.149q2.241%202.102%202.508%205.278v1.065a7.8%207.8%200%200%201-1.98%204.703a7.95%207.95%200%200%201-8.747%202.336A7.945%207.945%200%200%201%206.39%206.382Q8.605%204.132%2011.884%204%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGK6w1tddz)%22%20d%3D%22M19.338%2011.945A7.27%207.27%200%200%201%205.346%2014.72a7.29%207.29%200%200%201%201.567-7.922a7.287%207.287%200%200%201%2012.425%205.147%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6vizPHzD)%22%20d%3D%22M6.717%208.209a6.61%206.61%200%200%201%206.67.023a.1.1%200%200%200%20.047-.019l2.364-1.648q.048-.032%200-.061a6.657%206.657%200%200%200-9.333%201.835l.023.024q.016.015.024%200a1%201%200%200%201%20.205-.154m9.585-1.261L5.877%2014.155c-.033.018-.038.046-.029.08q.236.629.598%201.195a.06.06%200%200%200%20.047.01l.019-.01l10.747-7.46a.07.07%200%200%200%20.029-.07a7%207%200%200%200-.897-.948a.07.07%200%200%200-.09-.004m1.92%202.779L7.805%2016.953a.06.06%200%200%201-.07-.005a9%209%200%200%201-.916-.953q-.033-.036.005-.065L17.6%208.466a.06.06%200%200%201%20.07%200c.01%200%20.014.009.02.018q.335.531.56%201.154a.04.04%200%200%201%200%20.047a.1.1%200%200%201-.029.046zm-.636%205.824a6.9%206.9%200%200%201-3.208.995a6.57%206.57%200%200%201-3.597-.869a.07.07%200%200%200-.075.005L8.324%2017.35a.03.03%200%200%200-.014.024q0%20.008.004.013l.01.01a6.65%206.65%200%200%200%209.29-1.817c.033-.046.024-.06-.028-.028%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSGM2je7P%22%20x1%3D%224.111%22%20x2%3D%2219.693%22%20y1%3D%2212.356%22%20y2%3D%2212.239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23929595%22%2F%3E%3Cstop%20offset%3D%22.49%22%20stop-color%3D%22%23f2f1ee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23949797%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGK6w1tddz%22%20x1%3D%224.669%22%20x2%3D%2219.278%22%20y1%3D%2211.28%22%20y2%3D%2211.152%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2315191b%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%23373a3c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23181c1e%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG6vizPHzD%22%20x1%3D%226.161%22%20x2%3D%2217.75%22%20y1%3D%2212.767%22%20y2%3D%2210.941%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23959797%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ededeb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23989a9a%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd2%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/zmn-background.svg?color=%231a73e8&size=48
