mona logo

mona from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name
mona
Set
Web3 Icons Branded
Style
Branded
Viewbox
24×24
License
MIT

1 other variant in Web3 Icons Branded

mona-background

The same logo in other sets

monaWeb3 Icons

Use the mona logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#d0b47a" d="M18.777 9.67L17.49 3.9l-2.52 3.97a12.7 12.7 0 0 0-5.94 0L6.51 3.9L5.223 9.67C3.846 10.775 3 12.224 3 13.81c0 3.473 4.032 6.29 9 6.29s9-2.817 9-6.3c0-1.575-.846-3.024-2.223-4.13M6.996 12h-.594l1.458-1.687h1.071zm4.95 4.437l-2.484-4.383l.612-.35l.558.859h2.718l.585-.869l.603.36l-2.583 4.383zM17.004 12l-1.935-1.687h1.08L17.607 12zm-5.04 3.033l-1.08-1.908h2.253z"/></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedMona(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#d0b47a" d="M18.777 9.67L17.49 3.9l-2.52 3.97a12.7 12.7 0 0 0-5.94 0L6.51 3.9L5.223 9.67C3.846 10.775 3 12.224 3 13.81c0 3.473 4.032 6.29 9 6.29s9-2.817 9-6.3c0-1.575-.846-3.024-2.223-4.13M6.996 12h-.594l1.458-1.687h1.071zm4.95 4.437l-2.484-4.383l.612-.35l.558.859h2.718l.585-.869l.603.36l-2.583 4.383zM17.004 12l-1.935-1.687h1.08L17.607 12zm-5.04 3.033l-1.08-1.908h2.253z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#d0b47a" d="M18.777 9.67L17.49 3.9l-2.52 3.97a12.7 12.7 0 0 0-5.94 0L6.51 3.9L5.223 9.67C3.846 10.775 3 12.224 3 13.81c0 3.473 4.032 6.29 9 6.29s9-2.817 9-6.3c0-1.575-.846-3.024-2.223-4.13M6.996 12h-.594l1.458-1.687h1.071zm4.95 4.437l-2.484-4.383l.612-.35l.558.859h2.718l.585-.869l.603.36l-2.583 4.383zM17.004 12l-1.935-1.687h1.08L17.607 12zm-5.04 3.033l-1.08-1.908h2.253z"/></svg>
</template>

CSS

.icon-mona {
  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%22%23d0b47a%22%20d%3D%22M18.777%209.67L17.49%203.9l-2.52%203.97a12.7%2012.7%200%200%200-5.94%200L6.51%203.9L5.223%209.67C3.846%2010.775%203%2012.224%203%2013.81c0%203.473%204.032%206.29%209%206.29s9-2.817%209-6.3c0-1.575-.846-3.024-2.223-4.13M6.996%2012h-.594l1.458-1.687h1.071zm4.95%204.437l-2.484-4.383l.612-.35l.558.859h2.718l.585-.869l.603.36l-2.583%204.383zM17.004%2012l-1.935-1.687h1.08L17.607%2012zm-5.04%203.033l-1.08-1.908h2.253z%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%22%23d0b47a%22%20d%3D%22M18.777%209.67L17.49%203.9l-2.52%203.97a12.7%2012.7%200%200%200-5.94%200L6.51%203.9L5.223%209.67C3.846%2010.775%203%2012.224%203%2013.81c0%203.473%204.032%206.29%209%206.29s9-2.817%209-6.3c0-1.575-.846-3.024-2.223-4.13M6.996%2012h-.594l1.458-1.687h1.071zm4.95%204.437l-2.484-4.383l.612-.35l.558.859h2.718l.585-.869l.603.36l-2.583%204.383zM17.004%2012l-1.935-1.687h1.08L17.607%2012zm-5.04%203.033l-1.08-1.908h2.253z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/mona.svg?color=%231a73e8&size=48