mona logo
mona from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- mona
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the mona logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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 TokenMona(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="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="currentColor" 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%22currentColor%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%22currentColor%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/mona.svg?color=%231a73e8&size=48
