moc logo
moc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- moc-background
- Set
- Web3 Icons Branded
- Style
- Background
- 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"><g clip-path="url(#SVGHcSWxdhd57)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#9ce3e5" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#4f97a5" d="M20 12a8 8 0 0 1-16 0z"/><path fill="#36c7ce" d="M12 19.5a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#359bb1" d="M12.85 19.95L8.2 15.5l1.62-5.33l1.87 2.12l3.625-3.79L19.94 13a8.3 8.3 0 0 1-1.59 3.885a8.16 8.16 0 0 1-5.5 3.065"/><path fill="#3ab1d3" d="M19.5 12c0-2.625-3.235-7-7.5-7s-7.5 3.995-7.5 7a7.5 7.5 0 1 1 15 0"/><path fill="#28808e" d="M8.385 11.315v-2.58h1.645l1.88 3.085l1.85-3.085h1.74v2.58l1.5-.235l.2.235V12h-1.7v.715l1.495-.235l.2.235v.7H15.5v2.325h-1.535l-.2-.24l.2-4.185l-2.1 2.85l-1.96-2.85v4.425h-1.44L8.2 15.5l.185-2.085h-1.7l-.185-.24l.185-.46h1.7v-.73h-1.7L6.5 11.75l.185-.435z"/><path fill="#ebebeb" d="M8.2 11.08V8.5h1.72l1.8 2.955L13.56 8.5h1.75v2.58H17v.67h-1.685v.725H17v.7h-1.685V15.5h-1.55v-4.42l-2.05 2.86l-2-2.86v4.42H8.2v-2.325H6.5v-.7h1.7v-.725H6.5v-.67z"/></g><defs><clipPath id="SVGHcSWxdhd57"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMocBackground(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"><g clipPath="url(#SVGHcSWxdhd57)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#9ce3e5" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#4f97a5" d="M20 12a8 8 0 0 1-16 0z"/><path fill="#36c7ce" d="M12 19.5a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#359bb1" d="M12.85 19.95L8.2 15.5l1.62-5.33l1.87 2.12l3.625-3.79L19.94 13a8.3 8.3 0 0 1-1.59 3.885a8.16 8.16 0 0 1-5.5 3.065"/><path fill="#3ab1d3" d="M19.5 12c0-2.625-3.235-7-7.5-7s-7.5 3.995-7.5 7a7.5 7.5 0 1 1 15 0"/><path fill="#28808e" d="M8.385 11.315v-2.58h1.645l1.88 3.085l1.85-3.085h1.74v2.58l1.5-.235l.2.235V12h-1.7v.715l1.495-.235l.2.235v.7H15.5v2.325h-1.535l-.2-.24l.2-4.185l-2.1 2.85l-1.96-2.85v4.425h-1.44L8.2 15.5l.185-2.085h-1.7l-.185-.24l.185-.46h1.7v-.73h-1.7L6.5 11.75l.185-.435z"/><path fill="#ebebeb" d="M8.2 11.08V8.5h1.72l1.8 2.955L13.56 8.5h1.75v2.58H17v.67h-1.685v.725H17v.7h-1.685V15.5h-1.55v-4.42l-2.05 2.86l-2-2.86v4.42H8.2v-2.325H6.5v-.7h1.7v-.725H6.5v-.67z"/></g><defs><clipPath id="SVGHcSWxdhd57"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd57)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#9ce3e5" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#4f97a5" d="M20 12a8 8 0 0 1-16 0z"/><path fill="#36c7ce" d="M12 19.5a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#359bb1" d="M12.85 19.95L8.2 15.5l1.62-5.33l1.87 2.12l3.625-3.79L19.94 13a8.3 8.3 0 0 1-1.59 3.885a8.16 8.16 0 0 1-5.5 3.065"/><path fill="#3ab1d3" d="M19.5 12c0-2.625-3.235-7-7.5-7s-7.5 3.995-7.5 7a7.5 7.5 0 1 1 15 0"/><path fill="#28808e" d="M8.385 11.315v-2.58h1.645l1.88 3.085l1.85-3.085h1.74v2.58l1.5-.235l.2.235V12h-1.7v.715l1.495-.235l.2.235v.7H15.5v2.325h-1.535l-.2-.24l.2-4.185l-2.1 2.85l-1.96-2.85v4.425h-1.44L8.2 15.5l.185-2.085h-1.7l-.185-.24l.185-.46h1.7v-.73h-1.7L6.5 11.75l.185-.435z"/><path fill="#ebebeb" d="M8.2 11.08V8.5h1.72l1.8 2.955L13.56 8.5h1.75v2.58H17v.67h-1.685v.725H17v.7h-1.685V15.5h-1.55v-4.42l-2.05 2.86l-2-2.86v4.42H8.2v-2.325H6.5v-.7h1.7v-.725H6.5v-.67z"/></g><defs><clipPath id="SVGHcSWxdhd57"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-moc-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd57)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%239ce3e5%22%20d%3D%22M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22%234f97a5%22%20d%3D%22M20%2012a8%208%200%200%201-16%200z%22%2F%3E%3Cpath%20fill%3D%22%2336c7ce%22%20d%3D%22M12%2019.5a7.5%207.5%200%201%200%200-15a7.5%207.5%200%200%200%200%2015%22%2F%3E%3Cpath%20fill%3D%22%23359bb1%22%20d%3D%22M12.85%2019.95L8.2%2015.5l1.62-5.33l1.87%202.12l3.625-3.79L19.94%2013a8.3%208.3%200%200%201-1.59%203.885a8.16%208.16%200%200%201-5.5%203.065%22%2F%3E%3Cpath%20fill%3D%22%233ab1d3%22%20d%3D%22M19.5%2012c0-2.625-3.235-7-7.5-7s-7.5%203.995-7.5%207a7.5%207.5%200%201%201%2015%200%22%2F%3E%3Cpath%20fill%3D%22%2328808e%22%20d%3D%22M8.385%2011.315v-2.58h1.645l1.88%203.085l1.85-3.085h1.74v2.58l1.5-.235l.2.235V12h-1.7v.715l1.495-.235l.2.235v.7H15.5v2.325h-1.535l-.2-.24l.2-4.185l-2.1%202.85l-1.96-2.85v4.425h-1.44L8.2%2015.5l.185-2.085h-1.7l-.185-.24l.185-.46h1.7v-.73h-1.7L6.5%2011.75l.185-.435z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M8.2%2011.08V8.5h1.72l1.8%202.955L13.56%208.5h1.75v2.58H17v.67h-1.685v.725H17v.7h-1.685V15.5h-1.55v-4.42l-2.05%202.86l-2-2.86v4.42H8.2v-2.325H6.5v-.7h1.7v-.725H6.5v-.67z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd57%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd57)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%239ce3e5%22%20d%3D%22M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22%234f97a5%22%20d%3D%22M20%2012a8%208%200%200%201-16%200z%22%2F%3E%3Cpath%20fill%3D%22%2336c7ce%22%20d%3D%22M12%2019.5a7.5%207.5%200%201%200%200-15a7.5%207.5%200%200%200%200%2015%22%2F%3E%3Cpath%20fill%3D%22%23359bb1%22%20d%3D%22M12.85%2019.95L8.2%2015.5l1.62-5.33l1.87%202.12l3.625-3.79L19.94%2013a8.3%208.3%200%200%201-1.59%203.885a8.16%208.16%200%200%201-5.5%203.065%22%2F%3E%3Cpath%20fill%3D%22%233ab1d3%22%20d%3D%22M19.5%2012c0-2.625-3.235-7-7.5-7s-7.5%203.995-7.5%207a7.5%207.5%200%201%201%2015%200%22%2F%3E%3Cpath%20fill%3D%22%2328808e%22%20d%3D%22M8.385%2011.315v-2.58h1.645l1.88%203.085l1.85-3.085h1.74v2.58l1.5-.235l.2.235V12h-1.7v.715l1.495-.235l.2.235v.7H15.5v2.325h-1.535l-.2-.24l.2-4.185l-2.1%202.85l-1.96-2.85v4.425h-1.44L8.2%2015.5l.185-2.085h-1.7l-.185-.24l.185-.46h1.7v-.73h-1.7L6.5%2011.75l.185-.435z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M8.2%2011.08V8.5h1.72l1.8%202.955L13.56%208.5h1.75v2.58H17v.67h-1.685v.725H17v.7h-1.685V15.5h-1.55v-4.42l-2.05%202.86l-2-2.86v4.42H8.2v-2.325H6.5v-.7h1.7v-.725H6.5v-.67z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd57%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/moc-background.svg?color=%231a73e8&size=48
