mchc logo

mchc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: mchc-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the mchc 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(#SVGHcSWxdhd44)"><path fill="url(#SVGSvbEyccJ)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0M4.847 10.198l1.873.174c.014 1.11.259 3.327 1.115 3.341c.861.019 1.11-2.056 1.13-3.125h6.179c.018 1.069.268 3.144 1.129 3.125c.856-.014 1.101-2.23 1.115-3.341l1.873-.174c.442 1.826.127 3.425-.084 4c-2.128 2.07-4.405.884-5.318-.231c-.687-.847-1.459-1.073-1.803-1.082c-.352.01-1.12.235-1.811 1.082c-.909 1.12-3.186 2.301-5.313.23a7.6 7.6 0 0 1-.085-4m3.398-4.584A8 8 0 0 0 8.367 8.8c.052.179.254.518.645.428c.49-.108.414-.668.324-1.124c-.094-.457-.094-1.746 0-3.022c-.277.104-.88.358-1.091.532M15.718 8.8c.348-1.28.226-2.659.127-3.186c-.212-.174-.82-.423-1.092-.532c.09 1.276.09 2.565 0 3.022c-.094.456-.17 1.016.32 1.129c.39.085.593-.254.645-.433m-8.82-2.136c-.24.23-.776.79-.997 1.185c-.047.622 0 1.85.513 1.765c.645-.103.598-.63.438-1.412a9 9 0 0 1 .028-1.19c.01-.141.019-.26.019-.348m11.29 1.185c-.22-.395-.757-.955-.997-1.185c0 .089.004.202.018.348c.02.296.047.696.029 1.19c-.16.782-.212 1.309.437 1.412c.518.085.556-1.143.513-1.765m-7.153-3.223a9.5 9.5 0 0 1 1.977 0c.202 1.647.306 4.955-.908 5.002c-1.365.052-1.224-3.313-1.073-5.002z" clip-rule="evenodd"/></g><defs><linearGradient id="SVGSvbEyccJ" x1="6.207" x2="17.586" y1="6.922" y2="17.576" gradientUnits="userSpaceOnUse"><stop stop-color="#e122fc"/><stop offset="1" stop-color="#26c5e2"/></linearGradient><clipPath id="SVGHcSWxdhd44"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedMchcBackground(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(#SVGHcSWxdhd44)"><path fill="url(#SVGSvbEyccJ)" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0M4.847 10.198l1.873.174c.014 1.11.259 3.327 1.115 3.341c.861.019 1.11-2.056 1.13-3.125h6.179c.018 1.069.268 3.144 1.129 3.125c.856-.014 1.101-2.23 1.115-3.341l1.873-.174c.442 1.826.127 3.425-.084 4c-2.128 2.07-4.405.884-5.318-.231c-.687-.847-1.459-1.073-1.803-1.082c-.352.01-1.12.235-1.811 1.082c-.909 1.12-3.186 2.301-5.313.23a7.6 7.6 0 0 1-.085-4m3.398-4.584A8 8 0 0 0 8.367 8.8c.052.179.254.518.645.428c.49-.108.414-.668.324-1.124c-.094-.457-.094-1.746 0-3.022c-.277.104-.88.358-1.091.532M15.718 8.8c.348-1.28.226-2.659.127-3.186c-.212-.174-.82-.423-1.092-.532c.09 1.276.09 2.565 0 3.022c-.094.456-.17 1.016.32 1.129c.39.085.593-.254.645-.433m-8.82-2.136c-.24.23-.776.79-.997 1.185c-.047.622 0 1.85.513 1.765c.645-.103.598-.63.438-1.412a9 9 0 0 1 .028-1.19c.01-.141.019-.26.019-.348m11.29 1.185c-.22-.395-.757-.955-.997-1.185c0 .089.004.202.018.348c.02.296.047.696.029 1.19c-.16.782-.212 1.309.437 1.412c.518.085.556-1.143.513-1.765m-7.153-3.223a9.5 9.5 0 0 1 1.977 0c.202 1.647.306 4.955-.908 5.002c-1.365.052-1.224-3.313-1.073-5.002z" clipRule="evenodd"/></g><defs><linearGradient id="SVGSvbEyccJ" x1="6.207" x2="17.586" y1="6.922" y2="17.576" gradientUnits="userSpaceOnUse"><stop stopColor="#e122fc"/><stop offset="1" stopColor="#26c5e2"/></linearGradient><clipPath id="SVGHcSWxdhd44"><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(#SVGHcSWxdhd44)"><path fill="url(#SVGSvbEyccJ)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0M4.847 10.198l1.873.174c.014 1.11.259 3.327 1.115 3.341c.861.019 1.11-2.056 1.13-3.125h6.179c.018 1.069.268 3.144 1.129 3.125c.856-.014 1.101-2.23 1.115-3.341l1.873-.174c.442 1.826.127 3.425-.084 4c-2.128 2.07-4.405.884-5.318-.231c-.687-.847-1.459-1.073-1.803-1.082c-.352.01-1.12.235-1.811 1.082c-.909 1.12-3.186 2.301-5.313.23a7.6 7.6 0 0 1-.085-4m3.398-4.584A8 8 0 0 0 8.367 8.8c.052.179.254.518.645.428c.49-.108.414-.668.324-1.124c-.094-.457-.094-1.746 0-3.022c-.277.104-.88.358-1.091.532M15.718 8.8c.348-1.28.226-2.659.127-3.186c-.212-.174-.82-.423-1.092-.532c.09 1.276.09 2.565 0 3.022c-.094.456-.17 1.016.32 1.129c.39.085.593-.254.645-.433m-8.82-2.136c-.24.23-.776.79-.997 1.185c-.047.622 0 1.85.513 1.765c.645-.103.598-.63.438-1.412a9 9 0 0 1 .028-1.19c.01-.141.019-.26.019-.348m11.29 1.185c-.22-.395-.757-.955-.997-1.185c0 .089.004.202.018.348c.02.296.047.696.029 1.19c-.16.782-.212 1.309.437 1.412c.518.085.556-1.143.513-1.765m-7.153-3.223a9.5 9.5 0 0 1 1.977 0c.202 1.647.306 4.955-.908 5.002c-1.365.052-1.224-3.313-1.073-5.002z" clip-rule="evenodd"/></g><defs><linearGradient id="SVGSvbEyccJ" x1="6.207" x2="17.586" y1="6.922" y2="17.576" gradientUnits="userSpaceOnUse"><stop stop-color="#e122fc"/><stop offset="1" stop-color="#26c5e2"/></linearGradient><clipPath id="SVGHcSWxdhd44"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-mchc-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(%23SVGHcSWxdhd44)%22%3E%3Cpath%20fill%3D%22url(%23SVGSvbEyccJ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2012a8%208%200%201%201-16%200a8%208%200%200%201%2016%200M4.847%2010.198l1.873.174c.014%201.11.259%203.327%201.115%203.341c.861.019%201.11-2.056%201.13-3.125h6.179c.018%201.069.268%203.144%201.129%203.125c.856-.014%201.101-2.23%201.115-3.341l1.873-.174c.442%201.826.127%203.425-.084%204c-2.128%202.07-4.405.884-5.318-.231c-.687-.847-1.459-1.073-1.803-1.082c-.352.01-1.12.235-1.811%201.082c-.909%201.12-3.186%202.301-5.313.23a7.6%207.6%200%200%201-.085-4m3.398-4.584A8%208%200%200%200%208.367%208.8c.052.179.254.518.645.428c.49-.108.414-.668.324-1.124c-.094-.457-.094-1.746%200-3.022c-.277.104-.88.358-1.091.532M15.718%208.8c.348-1.28.226-2.659.127-3.186c-.212-.174-.82-.423-1.092-.532c.09%201.276.09%202.565%200%203.022c-.094.456-.17%201.016.32%201.129c.39.085.593-.254.645-.433m-8.82-2.136c-.24.23-.776.79-.997%201.185c-.047.622%200%201.85.513%201.765c.645-.103.598-.63.438-1.412a9%209%200%200%201%20.028-1.19c.01-.141.019-.26.019-.348m11.29%201.185c-.22-.395-.757-.955-.997-1.185c0%20.089.004.202.018.348c.02.296.047.696.029%201.19c-.16.782-.212%201.309.437%201.412c.518.085.556-1.143.513-1.765m-7.153-3.223a9.5%209.5%200%200%201%201.977%200c.202%201.647.306%204.955-.908%205.002c-1.365.052-1.224-3.313-1.073-5.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSvbEyccJ%22%20x1%3D%226.207%22%20x2%3D%2217.586%22%20y1%3D%226.922%22%20y2%3D%2217.576%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e122fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2326c5e2%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd44%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(%23SVGHcSWxdhd44)%22%3E%3Cpath%20fill%3D%22url(%23SVGSvbEyccJ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2012a8%208%200%201%201-16%200a8%208%200%200%201%2016%200M4.847%2010.198l1.873.174c.014%201.11.259%203.327%201.115%203.341c.861.019%201.11-2.056%201.13-3.125h6.179c.018%201.069.268%203.144%201.129%203.125c.856-.014%201.101-2.23%201.115-3.341l1.873-.174c.442%201.826.127%203.425-.084%204c-2.128%202.07-4.405.884-5.318-.231c-.687-.847-1.459-1.073-1.803-1.082c-.352.01-1.12.235-1.811%201.082c-.909%201.12-3.186%202.301-5.313.23a7.6%207.6%200%200%201-.085-4m3.398-4.584A8%208%200%200%200%208.367%208.8c.052.179.254.518.645.428c.49-.108.414-.668.324-1.124c-.094-.457-.094-1.746%200-3.022c-.277.104-.88.358-1.091.532M15.718%208.8c.348-1.28.226-2.659.127-3.186c-.212-.174-.82-.423-1.092-.532c.09%201.276.09%202.565%200%203.022c-.094.456-.17%201.016.32%201.129c.39.085.593-.254.645-.433m-8.82-2.136c-.24.23-.776.79-.997%201.185c-.047.622%200%201.85.513%201.765c.645-.103.598-.63.438-1.412a9%209%200%200%201%20.028-1.19c.01-.141.019-.26.019-.348m11.29%201.185c-.22-.395-.757-.955-.997-1.185c0%20.089.004.202.018.348c.02.296.047.696.029%201.19c-.16.782-.212%201.309.437%201.412c.518.085.556-1.143.513-1.765m-7.153-3.223a9.5%209.5%200%200%201%201.977%200c.202%201.647.306%204.955-.908%205.002c-1.365.052-1.224-3.313-1.073-5.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSvbEyccJ%22%20x1%3D%226.207%22%20x2%3D%2217.586%22%20y1%3D%226.922%22%20y2%3D%2217.576%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e122fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2326c5e2%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd44%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/mchc-background.svg?color=%231a73e8&size=48