mxc logo
mxc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- mxc-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 mxc 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(#SVGHcSWxdhd159)"><path fill="url(#SVGRJnhyBAK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.8 7.867a.72.72 0 0 1 .693-.667h2.064A.45.45 0 0 0 20 6.757V4.443A.45.45 0 0 0 19.557 4h-2.314a.443.443 0 0 0-.443.443v2.064a.736.736 0 0 1-.624.693h-2.133a.44.44 0 0 0-.443.443v2.064a.74.74 0 0 1-.624.693h-1.952a.73.73 0 0 1-.624-.624V7.643a.443.443 0 0 0-.448-.438H7.819a.73.73 0 0 1-.619-.624V4.448a.443.443 0 0 0-.443-.443H4.443A.443.443 0 0 0 4 4.448v2.315a.443.443 0 0 0 .443.442H6.5a.78.78 0 0 1 .512.246a.76.76 0 0 1 .176.56H7.2v1.701a.76.76 0 0 1-.197.47a.76.76 0 0 1-.427.223H4.443a.443.443 0 0 0-.443.443v8.71a.44.44 0 0 0 .443.442h2.314a.44.44 0 0 0 .443-.443v-8.49a.74.74 0 0 1 .176-.427a.78.78 0 0 1 .512-.24h1.813a.725.725 0 0 1 .694.805V11.2v1.957a.444.444 0 0 0 .448.443h2.31a.443.443 0 0 0 .442-.443v-2.09a.75.75 0 0 1 .181-.427a.77.77 0 0 1 .512-.24h1.813a.75.75 0 0 1 .507.245a.76.76 0 0 1 .181.56l.011-.005v8.357a.443.443 0 0 0 .437.443h2.315a.443.443 0 0 0 .443-.443v-8.714a.443.443 0 0 0-.443-.443h-2.133a.73.73 0 0 1-.619-.624z"/></g><defs><linearGradient id="SVGRJnhyBAK" x1="6.4" x2="17.751" y1="6.32" y2="17.723" gradientUnits="userSpaceOnUse"><stop stop-color="#3538e0"/><stop offset="1" stop-color="#db1e83"/></linearGradient><clipPath id="SVGHcSWxdhd159"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMxcBackground(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(#SVGHcSWxdhd159)"><path fill="url(#SVGRJnhyBAK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.8 7.867a.72.72 0 0 1 .693-.667h2.064A.45.45 0 0 0 20 6.757V4.443A.45.45 0 0 0 19.557 4h-2.314a.443.443 0 0 0-.443.443v2.064a.736.736 0 0 1-.624.693h-2.133a.44.44 0 0 0-.443.443v2.064a.74.74 0 0 1-.624.693h-1.952a.73.73 0 0 1-.624-.624V7.643a.443.443 0 0 0-.448-.438H7.819a.73.73 0 0 1-.619-.624V4.448a.443.443 0 0 0-.443-.443H4.443A.443.443 0 0 0 4 4.448v2.315a.443.443 0 0 0 .443.442H6.5a.78.78 0 0 1 .512.246a.76.76 0 0 1 .176.56H7.2v1.701a.76.76 0 0 1-.197.47a.76.76 0 0 1-.427.223H4.443a.443.443 0 0 0-.443.443v8.71a.44.44 0 0 0 .443.442h2.314a.44.44 0 0 0 .443-.443v-8.49a.74.74 0 0 1 .176-.427a.78.78 0 0 1 .512-.24h1.813a.725.725 0 0 1 .694.805V11.2v1.957a.444.444 0 0 0 .448.443h2.31a.443.443 0 0 0 .442-.443v-2.09a.75.75 0 0 1 .181-.427a.77.77 0 0 1 .512-.24h1.813a.75.75 0 0 1 .507.245a.76.76 0 0 1 .181.56l.011-.005v8.357a.443.443 0 0 0 .437.443h2.315a.443.443 0 0 0 .443-.443v-8.714a.443.443 0 0 0-.443-.443h-2.133a.73.73 0 0 1-.619-.624z"/></g><defs><linearGradient id="SVGRJnhyBAK" x1="6.4" x2="17.751" y1="6.32" y2="17.723" gradientUnits="userSpaceOnUse"><stop stopColor="#3538e0"/><stop offset="1" stopColor="#db1e83"/></linearGradient><clipPath id="SVGHcSWxdhd159"><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(#SVGHcSWxdhd159)"><path fill="url(#SVGRJnhyBAK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.8 7.867a.72.72 0 0 1 .693-.667h2.064A.45.45 0 0 0 20 6.757V4.443A.45.45 0 0 0 19.557 4h-2.314a.443.443 0 0 0-.443.443v2.064a.736.736 0 0 1-.624.693h-2.133a.44.44 0 0 0-.443.443v2.064a.74.74 0 0 1-.624.693h-1.952a.73.73 0 0 1-.624-.624V7.643a.443.443 0 0 0-.448-.438H7.819a.73.73 0 0 1-.619-.624V4.448a.443.443 0 0 0-.443-.443H4.443A.443.443 0 0 0 4 4.448v2.315a.443.443 0 0 0 .443.442H6.5a.78.78 0 0 1 .512.246a.76.76 0 0 1 .176.56H7.2v1.701a.76.76 0 0 1-.197.47a.76.76 0 0 1-.427.223H4.443a.443.443 0 0 0-.443.443v8.71a.44.44 0 0 0 .443.442h2.314a.44.44 0 0 0 .443-.443v-8.49a.74.74 0 0 1 .176-.427a.78.78 0 0 1 .512-.24h1.813a.725.725 0 0 1 .694.805V11.2v1.957a.444.444 0 0 0 .448.443h2.31a.443.443 0 0 0 .442-.443v-2.09a.75.75 0 0 1 .181-.427a.77.77 0 0 1 .512-.24h1.813a.75.75 0 0 1 .507.245a.76.76 0 0 1 .181.56l.011-.005v8.357a.443.443 0 0 0 .437.443h2.315a.443.443 0 0 0 .443-.443v-8.714a.443.443 0 0 0-.443-.443h-2.133a.73.73 0 0 1-.619-.624z"/></g><defs><linearGradient id="SVGRJnhyBAK" x1="6.4" x2="17.751" y1="6.32" y2="17.723" gradientUnits="userSpaceOnUse"><stop stop-color="#3538e0"/><stop offset="1" stop-color="#db1e83"/></linearGradient><clipPath id="SVGHcSWxdhd159"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-mxc-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(%23SVGHcSWxdhd159)%22%3E%3Cpath%20fill%3D%22url(%23SVGRJnhyBAK)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.8%207.867a.72.72%200%200%201%20.693-.667h2.064A.45.45%200%200%200%2020%206.757V4.443A.45.45%200%200%200%2019.557%204h-2.314a.443.443%200%200%200-.443.443v2.064a.736.736%200%200%201-.624.693h-2.133a.44.44%200%200%200-.443.443v2.064a.74.74%200%200%201-.624.693h-1.952a.73.73%200%200%201-.624-.624V7.643a.443.443%200%200%200-.448-.438H7.819a.73.73%200%200%201-.619-.624V4.448a.443.443%200%200%200-.443-.443H4.443A.443.443%200%200%200%204%204.448v2.315a.443.443%200%200%200%20.443.442H6.5a.78.78%200%200%201%20.512.246a.76.76%200%200%201%20.176.56H7.2v1.701a.76.76%200%200%201-.197.47a.76.76%200%200%201-.427.223H4.443a.443.443%200%200%200-.443.443v8.71a.44.44%200%200%200%20.443.442h2.314a.44.44%200%200%200%20.443-.443v-8.49a.74.74%200%200%201%20.176-.427a.78.78%200%200%201%20.512-.24h1.813a.725.725%200%200%201%20.694.805V11.2v1.957a.444.444%200%200%200%20.448.443h2.31a.443.443%200%200%200%20.442-.443v-2.09a.75.75%200%200%201%20.181-.427a.77.77%200%200%201%20.512-.24h1.813a.75.75%200%200%201%20.507.245a.76.76%200%200%201%20.181.56l.011-.005v8.357a.443.443%200%200%200%20.437.443h2.315a.443.443%200%200%200%20.443-.443v-8.714a.443.443%200%200%200-.443-.443h-2.133a.73.73%200%200%201-.619-.624z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGRJnhyBAK%22%20x1%3D%226.4%22%20x2%3D%2217.751%22%20y1%3D%226.32%22%20y2%3D%2217.723%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233538e0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23db1e83%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd159%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(%23SVGHcSWxdhd159)%22%3E%3Cpath%20fill%3D%22url(%23SVGRJnhyBAK)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.8%207.867a.72.72%200%200%201%20.693-.667h2.064A.45.45%200%200%200%2020%206.757V4.443A.45.45%200%200%200%2019.557%204h-2.314a.443.443%200%200%200-.443.443v2.064a.736.736%200%200%201-.624.693h-2.133a.44.44%200%200%200-.443.443v2.064a.74.74%200%200%201-.624.693h-1.952a.73.73%200%200%201-.624-.624V7.643a.443.443%200%200%200-.448-.438H7.819a.73.73%200%200%201-.619-.624V4.448a.443.443%200%200%200-.443-.443H4.443A.443.443%200%200%200%204%204.448v2.315a.443.443%200%200%200%20.443.442H6.5a.78.78%200%200%201%20.512.246a.76.76%200%200%201%20.176.56H7.2v1.701a.76.76%200%200%201-.197.47a.76.76%200%200%201-.427.223H4.443a.443.443%200%200%200-.443.443v8.71a.44.44%200%200%200%20.443.442h2.314a.44.44%200%200%200%20.443-.443v-8.49a.74.74%200%200%201%20.176-.427a.78.78%200%200%201%20.512-.24h1.813a.725.725%200%200%201%20.694.805V11.2v1.957a.444.444%200%200%200%20.448.443h2.31a.443.443%200%200%200%20.442-.443v-2.09a.75.75%200%200%201%20.181-.427a.77.77%200%200%201%20.512-.24h1.813a.75.75%200%200%201%20.507.245a.76.76%200%200%201%20.181.56l.011-.005v8.357a.443.443%200%200%200%20.437.443h2.315a.443.443%200%200%200%20.443-.443v-8.714a.443.443%200%200%200-.443-.443h-2.133a.73.73%200%200%201-.619-.624z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGRJnhyBAK%22%20x1%3D%226.4%22%20x2%3D%2217.751%22%20y1%3D%226.32%22%20y2%3D%2217.723%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233538e0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23db1e83%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd159%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/mxc-background.svg?color=%231a73e8&size=48
