mc logo
mc from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- mc
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the mc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGQLCokbqw)" fill-rule="evenodd" d="M12 3c4.961 0 9 4.039 9 9s-4.039 9-9 9s-9-4.039-9-9s4.039-9 9-9m0 12.937c-1.125-1-1.687-2.306-1.687-3.937S10.875 9.064 12 8.062c1.125 1.002 1.687 2.307 1.687 3.938s-.562 2.908-1.687 3.937" clip-rule="evenodd"/><path fill="url(#SVGNeg1yGCH)" d="M3.254 14.153c.034.056 2.008 3.527 5.231 3.47c1.052-.016 2.216-.702 3.516-1.687c1.125-1.001 1.687-2.306 1.687-3.937c0-1.632-.562-2.937-1.687-3.938c0 0 1.811-1.727 3.937-1.687c1.665.028 3.544 1.12 4.939 4.123a9.013 9.013 0 0 1-8.876 10.48a8.96 8.96 0 0 1-8.747-6.824"/><defs><linearGradient id="SVGQLCokbqw" x1="12" x2="12" y1="3" y2="17.906" gradientUnits="userSpaceOnUse"><stop stop-color="#f4c251"/><stop offset=".89" stop-color="#e47236"/></linearGradient><linearGradient id="SVGNeg1yGCH" x1="12.125" x2="12.125" y1="6.374" y2="20.976" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#e1602b"/><stop offset="1" stop-color="#edad3f"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMc(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="url(#SVGQLCokbqw)" fillRule="evenodd" d="M12 3c4.961 0 9 4.039 9 9s-4.039 9-9 9s-9-4.039-9-9s4.039-9 9-9m0 12.937c-1.125-1-1.687-2.306-1.687-3.937S10.875 9.064 12 8.062c1.125 1.002 1.687 2.307 1.687 3.938s-.562 2.908-1.687 3.937" clipRule="evenodd"/><path fill="url(#SVGNeg1yGCH)" d="M3.254 14.153c.034.056 2.008 3.527 5.231 3.47c1.052-.016 2.216-.702 3.516-1.687c1.125-1.001 1.687-2.306 1.687-3.937c0-1.632-.562-2.937-1.687-3.938c0 0 1.811-1.727 3.937-1.687c1.665.028 3.544 1.12 4.939 4.123a9.013 9.013 0 0 1-8.876 10.48a8.96 8.96 0 0 1-8.747-6.824"/><defs><linearGradient id="SVGQLCokbqw" x1="12" x2="12" y1="3" y2="17.906" gradientUnits="userSpaceOnUse"><stop stopColor="#f4c251"/><stop offset=".89" stopColor="#e47236"/></linearGradient><linearGradient id="SVGNeg1yGCH" x1="12.125" x2="12.125" y1="6.374" y2="20.976" gradientUnits="userSpaceOnUse"><stop offset=".15" stopColor="#e1602b"/><stop offset="1" stopColor="#edad3f"/></linearGradient></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"><path fill="url(#SVGQLCokbqw)" fill-rule="evenodd" d="M12 3c4.961 0 9 4.039 9 9s-4.039 9-9 9s-9-4.039-9-9s4.039-9 9-9m0 12.937c-1.125-1-1.687-2.306-1.687-3.937S10.875 9.064 12 8.062c1.125 1.002 1.687 2.307 1.687 3.938s-.562 2.908-1.687 3.937" clip-rule="evenodd"/><path fill="url(#SVGNeg1yGCH)" d="M3.254 14.153c.034.056 2.008 3.527 5.231 3.47c1.052-.016 2.216-.702 3.516-1.687c1.125-1.001 1.687-2.306 1.687-3.937c0-1.632-.562-2.937-1.687-3.938c0 0 1.811-1.727 3.937-1.687c1.665.028 3.544 1.12 4.939 4.123a9.013 9.013 0 0 1-8.876 10.48a8.96 8.96 0 0 1-8.747-6.824"/><defs><linearGradient id="SVGQLCokbqw" x1="12" x2="12" y1="3" y2="17.906" gradientUnits="userSpaceOnUse"><stop stop-color="#f4c251"/><stop offset=".89" stop-color="#e47236"/></linearGradient><linearGradient id="SVGNeg1yGCH" x1="12.125" x2="12.125" y1="6.374" y2="20.976" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#e1602b"/><stop offset="1" stop-color="#edad3f"/></linearGradient></defs></g></svg> </template>
CSS
.icon-mc {
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%22url(%23SVGQLCokbqw)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%203c4.961%200%209%204.039%209%209s-4.039%209-9%209s-9-4.039-9-9s4.039-9%209-9m0%2012.937c-1.125-1-1.687-2.306-1.687-3.937S10.875%209.064%2012%208.062c1.125%201.002%201.687%202.307%201.687%203.938s-.562%202.908-1.687%203.937%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNeg1yGCH)%22%20d%3D%22M3.254%2014.153c.034.056%202.008%203.527%205.231%203.47c1.052-.016%202.216-.702%203.516-1.687c1.125-1.001%201.687-2.306%201.687-3.937c0-1.632-.562-2.937-1.687-3.938c0%200%201.811-1.727%203.937-1.687c1.665.028%203.544%201.12%204.939%204.123a9.013%209.013%200%200%201-8.876%2010.48a8.96%208.96%200%200%201-8.747-6.824%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGQLCokbqw%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2217.906%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f4c251%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%23e47236%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNeg1yGCH%22%20x1%3D%2212.125%22%20x2%3D%2212.125%22%20y1%3D%226.374%22%20y2%3D%2220.976%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%23e1602b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23edad3f%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGQLCokbqw)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%203c4.961%200%209%204.039%209%209s-4.039%209-9%209s-9-4.039-9-9s4.039-9%209-9m0%2012.937c-1.125-1-1.687-2.306-1.687-3.937S10.875%209.064%2012%208.062c1.125%201.002%201.687%202.307%201.687%203.938s-.562%202.908-1.687%203.937%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNeg1yGCH)%22%20d%3D%22M3.254%2014.153c.034.056%202.008%203.527%205.231%203.47c1.052-.016%202.216-.702%203.516-1.687c1.125-1.001%201.687-2.306%201.687-3.937c0-1.632-.562-2.937-1.687-3.938c0%200%201.811-1.727%203.937-1.687c1.665.028%203.544%201.12%204.939%204.123a9.013%209.013%200%200%201-8.876%2010.48a8.96%208.96%200%200%201-8.747-6.824%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGQLCokbqw%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2217.906%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f4c251%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%23e47236%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNeg1yGCH%22%20x1%3D%2212.125%22%20x2%3D%2212.125%22%20y1%3D%226.374%22%20y2%3D%2220.976%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%23e1602b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23edad3f%22%2F%3E%3C%2FlinearGradient%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/mc.svg?color=%231a73e8&size=48
