max logo
max-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- max-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 max 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(#SVGHcSWxdhd39)"><path fill="url(#SVGOFdGVbMa)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.842 17.245a2.855 2.855 0 0 1-3.997-.055l-4.05-4.13a2.804 2.804 0 0 1 .054-3.967a2.855 2.855 0 0 1 4 .054l4.051 4.131a2.78 2.78 0 0 1-.054 3.966zm-6.317-5.668a.842.842 0 1 0 0-1.684a.842.842 0 0 0 0 1.684m6.127 3.66c0 .837-.686 1.515-1.529 1.515a1.523 1.523 0 0 1-1.528-1.516c0-.838.686-1.516 1.528-1.516c.843 0 1.529.678 1.529 1.516" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M9.152 17.47a3.38 3.38 0 0 1-.307-4.797l5.166-5.84a3.444 3.444 0 0 1 4.83-.303a3.38 3.38 0 0 1 .303 4.796l-5.162 5.84a3.444 3.444 0 0 1-4.83.303m1.97-.716c.843 0 1.53-.678 1.53-1.516s-.687-1.516-1.53-1.516c-.841 0-1.528.678-1.528 1.516s.687 1.516 1.529 1.516m7.193-7.496a1.895 1.895 0 1 1-3.791 0a1.895 1.895 0 0 1 3.79 0" clip-rule="evenodd"/></g><defs><linearGradient id="SVGOFdGVbMa" x1="18.018" x2="9.426" y1="7.26" y2="16.516" gradientUnits="userSpaceOnUse"><stop stop-color="#0cb5ad"/><stop offset="1" stop-color="#9cce7e"/></linearGradient><clipPath id="SVGHcSWxdhd39"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMaxBackground(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(#SVGHcSWxdhd39)"><path fill="url(#SVGOFdGVbMa)" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12.842 17.245a2.855 2.855 0 0 1-3.997-.055l-4.05-4.13a2.804 2.804 0 0 1 .054-3.967a2.855 2.855 0 0 1 4 .054l4.051 4.131a2.78 2.78 0 0 1-.054 3.966zm-6.317-5.668a.842.842 0 1 0 0-1.684a.842.842 0 0 0 0 1.684m6.127 3.66c0 .837-.686 1.515-1.529 1.515a1.523 1.523 0 0 1-1.528-1.516c0-.838.686-1.516 1.528-1.516c.843 0 1.529.678 1.529 1.516" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M9.152 17.47a3.38 3.38 0 0 1-.307-4.797l5.166-5.84a3.444 3.444 0 0 1 4.83-.303a3.38 3.38 0 0 1 .303 4.796l-5.162 5.84a3.444 3.444 0 0 1-4.83.303m1.97-.716c.843 0 1.53-.678 1.53-1.516s-.687-1.516-1.53-1.516c-.841 0-1.528.678-1.528 1.516s.687 1.516 1.529 1.516m7.193-7.496a1.895 1.895 0 1 1-3.791 0a1.895 1.895 0 0 1 3.79 0" clipRule="evenodd"/></g><defs><linearGradient id="SVGOFdGVbMa" x1="18.018" x2="9.426" y1="7.26" y2="16.516" gradientUnits="userSpaceOnUse"><stop stopColor="#0cb5ad"/><stop offset="1" stopColor="#9cce7e"/></linearGradient><clipPath id="SVGHcSWxdhd39"><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(#SVGHcSWxdhd39)"><path fill="url(#SVGOFdGVbMa)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.842 17.245a2.855 2.855 0 0 1-3.997-.055l-4.05-4.13a2.804 2.804 0 0 1 .054-3.967a2.855 2.855 0 0 1 4 .054l4.051 4.131a2.78 2.78 0 0 1-.054 3.966zm-6.317-5.668a.842.842 0 1 0 0-1.684a.842.842 0 0 0 0 1.684m6.127 3.66c0 .837-.686 1.515-1.529 1.515a1.523 1.523 0 0 1-1.528-1.516c0-.838.686-1.516 1.528-1.516c.843 0 1.529.678 1.529 1.516" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M9.152 17.47a3.38 3.38 0 0 1-.307-4.797l5.166-5.84a3.444 3.444 0 0 1 4.83-.303a3.38 3.38 0 0 1 .303 4.796l-5.162 5.84a3.444 3.444 0 0 1-4.83.303m1.97-.716c.843 0 1.53-.678 1.53-1.516s-.687-1.516-1.53-1.516c-.841 0-1.528.678-1.528 1.516s.687 1.516 1.529 1.516m7.193-7.496a1.895 1.895 0 1 1-3.791 0a1.895 1.895 0 0 1 3.79 0" clip-rule="evenodd"/></g><defs><linearGradient id="SVGOFdGVbMa" x1="18.018" x2="9.426" y1="7.26" y2="16.516" gradientUnits="userSpaceOnUse"><stop stop-color="#0cb5ad"/><stop offset="1" stop-color="#9cce7e"/></linearGradient><clipPath id="SVGHcSWxdhd39"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-max-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(%23SVGHcSWxdhd39)%22%3E%3Cpath%20fill%3D%22url(%23SVGOFdGVbMa)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.842%2017.245a2.855%202.855%200%200%201-3.997-.055l-4.05-4.13a2.804%202.804%200%200%201%20.054-3.967a2.855%202.855%200%200%201%204%20.054l4.051%204.131a2.78%202.78%200%200%201-.054%203.966zm-6.317-5.668a.842.842%200%201%200%200-1.684a.842.842%200%200%200%200%201.684m6.127%203.66c0%20.837-.686%201.515-1.529%201.515a1.523%201.523%200%200%201-1.528-1.516c0-.838.686-1.516%201.528-1.516c.843%200%201.529.678%201.529%201.516%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.152%2017.47a3.38%203.38%200%200%201-.307-4.797l5.166-5.84a3.444%203.444%200%200%201%204.83-.303a3.38%203.38%200%200%201%20.303%204.796l-5.162%205.84a3.444%203.444%200%200%201-4.83.303m1.97-.716c.843%200%201.53-.678%201.53-1.516s-.687-1.516-1.53-1.516c-.841%200-1.528.678-1.528%201.516s.687%201.516%201.529%201.516m7.193-7.496a1.895%201.895%200%201%201-3.791%200a1.895%201.895%200%200%201%203.79%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGOFdGVbMa%22%20x1%3D%2218.018%22%20x2%3D%229.426%22%20y1%3D%227.26%22%20y2%3D%2216.516%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230cb5ad%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239cce7e%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd39%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(%23SVGHcSWxdhd39)%22%3E%3Cpath%20fill%3D%22url(%23SVGOFdGVbMa)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.842%2017.245a2.855%202.855%200%200%201-3.997-.055l-4.05-4.13a2.804%202.804%200%200%201%20.054-3.967a2.855%202.855%200%200%201%204%20.054l4.051%204.131a2.78%202.78%200%200%201-.054%203.966zm-6.317-5.668a.842.842%200%201%200%200-1.684a.842.842%200%200%200%200%201.684m6.127%203.66c0%20.837-.686%201.515-1.529%201.515a1.523%201.523%200%200%201-1.528-1.516c0-.838.686-1.516%201.528-1.516c.843%200%201.529.678%201.529%201.516%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.152%2017.47a3.38%203.38%200%200%201-.307-4.797l5.166-5.84a3.444%203.444%200%200%201%204.83-.303a3.38%203.38%200%200%201%20.303%204.796l-5.162%205.84a3.444%203.444%200%200%201-4.83.303m1.97-.716c.843%200%201.53-.678%201.53-1.516s-.687-1.516-1.53-1.516c-.841%200-1.528.678-1.528%201.516s.687%201.516%201.529%201.516m7.193-7.496a1.895%201.895%200%201%201-3.791%200a1.895%201.895%200%200%201%203.79%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGOFdGVbMa%22%20x1%3D%2218.018%22%20x2%3D%229.426%22%20y1%3D%227.26%22%20y2%3D%2216.516%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230cb5ad%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239cce7e%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd39%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/max-background.svg?color=%231a73e8&size=48
