moc logo

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

Name: moc
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the moc logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#9ce3e5" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#4f97a5" d="M21 12a9 9 0 0 1-18 0z"/><path fill="#36c7ce" d="M12 20.437a8.438 8.438 0 1 0 0-16.875a8.438 8.438 0 0 0 0 16.875"/><path fill="#359bb1" d="m12.956 20.944l-5.23-5.007l1.821-5.996l2.104 2.385l4.078-4.264l5.203 5.063a9.3 9.3 0 0 1-1.788 4.37a9.18 9.18 0 0 1-6.188 3.449"/><path fill="#3ab1d3" d="M20.437 12c0-2.953-3.64-7.875-8.437-7.875c-4.798 0-8.437 4.494-8.437 7.875a8.437 8.437 0 1 1 16.874 0"/><path fill="#28808e" d="M7.933 11.23V8.327h1.85l2.116 3.47l2.08-3.47h1.958v2.903l1.688-.265l.225.265V12h-1.913v.805l1.682-.265l.225.265v.787h-1.907v2.616h-1.726l-.225-.27l.225-4.708l-2.363 3.206l-2.205-3.206v4.978h-1.62l-.298-.27l.208-2.346H6.021l-.208-.27l.208-.517h1.912v-.822H6.021l-.208-.264l.208-.49z"/><path fill="#ebebeb" d="M7.725 10.965V8.063H9.66l2.025 3.324l2.07-3.325h1.969v2.903h1.9v.754H15.73v.815h1.896v.788H15.73v2.615h-1.743v-4.972l-2.307 3.217l-2.25-3.217v4.972H7.725v-2.615H5.813v-.788h1.912v-.815H5.813v-.754z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedMoc(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"><path fill="#9ce3e5" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#4f97a5" d="M21 12a9 9 0 0 1-18 0z"/><path fill="#36c7ce" d="M12 20.437a8.438 8.438 0 1 0 0-16.875a8.438 8.438 0 0 0 0 16.875"/><path fill="#359bb1" d="m12.956 20.944l-5.23-5.007l1.821-5.996l2.104 2.385l4.078-4.264l5.203 5.063a9.3 9.3 0 0 1-1.788 4.37a9.18 9.18 0 0 1-6.188 3.449"/><path fill="#3ab1d3" d="M20.437 12c0-2.953-3.64-7.875-8.437-7.875c-4.798 0-8.437 4.494-8.437 7.875a8.437 8.437 0 1 1 16.874 0"/><path fill="#28808e" d="M7.933 11.23V8.327h1.85l2.116 3.47l2.08-3.47h1.958v2.903l1.688-.265l.225.265V12h-1.913v.805l1.682-.265l.225.265v.787h-1.907v2.616h-1.726l-.225-.27l.225-4.708l-2.363 3.206l-2.205-3.206v4.978h-1.62l-.298-.27l.208-2.346H6.021l-.208-.27l.208-.517h1.912v-.822H6.021l-.208-.264l.208-.49z"/><path fill="#ebebeb" d="M7.725 10.965V8.063H9.66l2.025 3.324l2.07-3.325h1.969v2.903h1.9v.754H15.73v.815h1.896v.788H15.73v2.615h-1.743v-4.972l-2.307 3.217l-2.25-3.217v4.972H7.725v-2.615H5.813v-.788h1.912v-.815H5.813v-.754z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#9ce3e5" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#4f97a5" d="M21 12a9 9 0 0 1-18 0z"/><path fill="#36c7ce" d="M12 20.437a8.438 8.438 0 1 0 0-16.875a8.438 8.438 0 0 0 0 16.875"/><path fill="#359bb1" d="m12.956 20.944l-5.23-5.007l1.821-5.996l2.104 2.385l4.078-4.264l5.203 5.063a9.3 9.3 0 0 1-1.788 4.37a9.18 9.18 0 0 1-6.188 3.449"/><path fill="#3ab1d3" d="M20.437 12c0-2.953-3.64-7.875-8.437-7.875c-4.798 0-8.437 4.494-8.437 7.875a8.437 8.437 0 1 1 16.874 0"/><path fill="#28808e" d="M7.933 11.23V8.327h1.85l2.116 3.47l2.08-3.47h1.958v2.903l1.688-.265l.225.265V12h-1.913v.805l1.682-.265l.225.265v.787h-1.907v2.616h-1.726l-.225-.27l.225-4.708l-2.363 3.206l-2.205-3.206v4.978h-1.62l-.298-.27l.208-2.346H6.021l-.208-.27l.208-.517h1.912v-.822H6.021l-.208-.264l.208-.49z"/><path fill="#ebebeb" d="M7.725 10.965V8.063H9.66l2.025 3.324l2.07-3.325h1.969v2.903h1.9v.754H15.73v.815h1.896v.788H15.73v2.615h-1.743v-4.972l-2.307 3.217l-2.25-3.217v4.972H7.725v-2.615H5.813v-.788h1.912v-.815H5.813v-.754z"/></g></svg>
</template>

CSS

.icon-moc {
  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%3Cpath%20fill%3D%22%239ce3e5%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3Cpath%20fill%3D%22%234f97a5%22%20d%3D%22M21%2012a9%209%200%200%201-18%200z%22%2F%3E%3Cpath%20fill%3D%22%2336c7ce%22%20d%3D%22M12%2020.437a8.438%208.438%200%201%200%200-16.875a8.438%208.438%200%200%200%200%2016.875%22%2F%3E%3Cpath%20fill%3D%22%23359bb1%22%20d%3D%22m12.956%2020.944l-5.23-5.007l1.821-5.996l2.104%202.385l4.078-4.264l5.203%205.063a9.3%209.3%200%200%201-1.788%204.37a9.18%209.18%200%200%201-6.188%203.449%22%2F%3E%3Cpath%20fill%3D%22%233ab1d3%22%20d%3D%22M20.437%2012c0-2.953-3.64-7.875-8.437-7.875c-4.798%200-8.437%204.494-8.437%207.875a8.437%208.437%200%201%201%2016.874%200%22%2F%3E%3Cpath%20fill%3D%22%2328808e%22%20d%3D%22M7.933%2011.23V8.327h1.85l2.116%203.47l2.08-3.47h1.958v2.903l1.688-.265l.225.265V12h-1.913v.805l1.682-.265l.225.265v.787h-1.907v2.616h-1.726l-.225-.27l.225-4.708l-2.363%203.206l-2.205-3.206v4.978h-1.62l-.298-.27l.208-2.346H6.021l-.208-.27l.208-.517h1.912v-.822H6.021l-.208-.264l.208-.49z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M7.725%2010.965V8.063H9.66l2.025%203.324l2.07-3.325h1.969v2.903h1.9v.754H15.73v.815h1.896v.788H15.73v2.615h-1.743v-4.972l-2.307%203.217l-2.25-3.217v4.972H7.725v-2.615H5.813v-.788h1.912v-.815H5.813v-.754z%22%2F%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%3Cpath%20fill%3D%22%239ce3e5%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3Cpath%20fill%3D%22%234f97a5%22%20d%3D%22M21%2012a9%209%200%200%201-18%200z%22%2F%3E%3Cpath%20fill%3D%22%2336c7ce%22%20d%3D%22M12%2020.437a8.438%208.438%200%201%200%200-16.875a8.438%208.438%200%200%200%200%2016.875%22%2F%3E%3Cpath%20fill%3D%22%23359bb1%22%20d%3D%22m12.956%2020.944l-5.23-5.007l1.821-5.996l2.104%202.385l4.078-4.264l5.203%205.063a9.3%209.3%200%200%201-1.788%204.37a9.18%209.18%200%200%201-6.188%203.449%22%2F%3E%3Cpath%20fill%3D%22%233ab1d3%22%20d%3D%22M20.437%2012c0-2.953-3.64-7.875-8.437-7.875c-4.798%200-8.437%204.494-8.437%207.875a8.437%208.437%200%201%201%2016.874%200%22%2F%3E%3Cpath%20fill%3D%22%2328808e%22%20d%3D%22M7.933%2011.23V8.327h1.85l2.116%203.47l2.08-3.47h1.958v2.903l1.688-.265l.225.265V12h-1.913v.805l1.682-.265l.225.265v.787h-1.907v2.616h-1.726l-.225-.27l.225-4.708l-2.363%203.206l-2.205-3.206v4.978h-1.62l-.298-.27l.208-2.346H6.021l-.208-.27l.208-.517h1.912v-.822H6.021l-.208-.264l.208-.49z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M7.725%2010.965V8.063H9.66l2.025%203.324l2.07-3.325h1.969v2.903h1.9v.754H15.73v.815h1.896v.788H15.73v2.615h-1.743v-4.972l-2.307%203.217l-2.25-3.217v4.972H7.725v-2.615H5.813v-.788h1.912v-.815H5.813v-.754z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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