m87 logo

m87 from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.

Name
m87
Set
Web3 Icons
Style
Mono
Viewbox
24×24
License
MIT

Use the m87 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-17.999A9 9 0 0 0 12 21m-.021-.53a4.765 4.765 0 1 1 .037 0h.005c3.208-.01 5.802-2.731 5.802-6.088c0-3.361-2.604-6.088-5.823-6.088s-5.824 2.726-5.824 6.088c0 3.357 2.595 6.078 5.803 6.089m4.256-4.235a4.235 4.235 0 0 1-4.214 4.236c1.747-.011 3.156-1.313 3.156-2.912c0-1.61-1.425-2.912-3.177-2.912S8.824 15.95 8.824 17.56c0 1.599 1.408 2.9 3.155 2.912a4.235 4.235 0 1 1 4.256-4.236m2.647-2.382c0 3.642-3.054 6.597-6.834 6.618a7.94 7.94 0 1 0-.096 0c-3.78-.021-6.834-2.976-6.834-6.618c0-3.653 3.08-6.618 6.882-6.618s6.882 2.965 6.882 6.618m-5.86 6.247a2.568 2.568 0 1 0-2.044 0a1.589 1.589 0 1 1 2.044 0" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function TokenM87(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" fillRule="evenodd" d="M12 21a9 9 0 1 0 0-17.999A9 9 0 0 0 12 21m-.021-.53a4.765 4.765 0 1 1 .037 0h.005c3.208-.01 5.802-2.731 5.802-6.088c0-3.361-2.604-6.088-5.823-6.088s-5.824 2.726-5.824 6.088c0 3.357 2.595 6.078 5.803 6.089m4.256-4.235a4.235 4.235 0 0 1-4.214 4.236c1.747-.011 3.156-1.313 3.156-2.912c0-1.61-1.425-2.912-3.177-2.912S8.824 15.95 8.824 17.56c0 1.599 1.408 2.9 3.155 2.912a4.235 4.235 0 1 1 4.256-4.236m2.647-2.382c0 3.642-3.054 6.597-6.834 6.618a7.94 7.94 0 1 0-.096 0c-3.78-.021-6.834-2.976-6.834-6.618c0-3.653 3.08-6.618 6.882-6.618s6.882 2.965 6.882 6.618m-5.86 6.247a2.568 2.568 0 1 0-2.044 0a1.589 1.589 0 1 1 2.044 0" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-17.999A9 9 0 0 0 12 21m-.021-.53a4.765 4.765 0 1 1 .037 0h.005c3.208-.01 5.802-2.731 5.802-6.088c0-3.361-2.604-6.088-5.823-6.088s-5.824 2.726-5.824 6.088c0 3.357 2.595 6.078 5.803 6.089m4.256-4.235a4.235 4.235 0 0 1-4.214 4.236c1.747-.011 3.156-1.313 3.156-2.912c0-1.61-1.425-2.912-3.177-2.912S8.824 15.95 8.824 17.56c0 1.599 1.408 2.9 3.155 2.912a4.235 4.235 0 1 1 4.256-4.236m2.647-2.382c0 3.642-3.054 6.597-6.834 6.618a7.94 7.94 0 1 0-.096 0c-3.78-.021-6.834-2.976-6.834-6.618c0-3.653 3.08-6.618 6.882-6.618s6.882 2.965 6.882 6.618m-5.86 6.247a2.568 2.568 0 1 0-2.044 0a1.589 1.589 0 1 1 2.044 0" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-m87 {
  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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-17.999A9%209%200%200%200%2012%2021m-.021-.53a4.765%204.765%200%201%201%20.037%200h.005c3.208-.01%205.802-2.731%205.802-6.088c0-3.361-2.604-6.088-5.823-6.088s-5.824%202.726-5.824%206.088c0%203.357%202.595%206.078%205.803%206.089m4.256-4.235a4.235%204.235%200%200%201-4.214%204.236c1.747-.011%203.156-1.313%203.156-2.912c0-1.61-1.425-2.912-3.177-2.912S8.824%2015.95%208.824%2017.56c0%201.599%201.408%202.9%203.155%202.912a4.235%204.235%200%201%201%204.256-4.236m2.647-2.382c0%203.642-3.054%206.597-6.834%206.618a7.94%207.94%200%201%200-.096%200c-3.78-.021-6.834-2.976-6.834-6.618c0-3.653%203.08-6.618%206.882-6.618s6.882%202.965%206.882%206.618m-5.86%206.247a2.568%202.568%200%201%200-2.044%200a1.589%201.589%200%201%201%202.044%200%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-17.999A9%209%200%200%200%2012%2021m-.021-.53a4.765%204.765%200%201%201%20.037%200h.005c3.208-.01%205.802-2.731%205.802-6.088c0-3.361-2.604-6.088-5.823-6.088s-5.824%202.726-5.824%206.088c0%203.357%202.595%206.078%205.803%206.089m4.256-4.235a4.235%204.235%200%200%201-4.214%204.236c1.747-.011%203.156-1.313%203.156-2.912c0-1.61-1.425-2.912-3.177-2.912S8.824%2015.95%208.824%2017.56c0%201.599%201.408%202.9%203.155%202.912a4.235%204.235%200%201%201%204.256-4.236m2.647-2.382c0%203.642-3.054%206.597-6.834%206.618a7.94%207.94%200%201%200-.096%200c-3.78-.021-6.834-2.976-6.834-6.618c0-3.653%203.08-6.618%206.882-6.618s6.882%202.965%206.882%206.618m-5.86%206.247a2.568%202.568%200%201%200-2.044%200a1.589%201.589%200%201%201%202.044%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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