@nexusui/branding/MaestroHexMf.js

This package contains branding elements for NexusUI applications, including logos for each unique product line. These icons work the same as basic SVG icons in React.

import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';

const SvgMaestroHexMf = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsx("g", { clipPath: "url(#maestro-hex-mf_svg__a)", children: jsxs("g", { clipPath: "url(#maestro-hex-mf_svg__b)", children: [jsx("path", { fill: "#fff", d: "M0 16.2C0 7.3 7.3 0 16.2 0h19.5c9 0 16.2 7.3 16.2 16.2v19.5c0 9-7.3 16.2-16.2 16.2H16.2C7.3 52 0 44.7 0 35.8V16.2Z" }), jsx("path", { fill: "#97D9F5", d: "M0 16.2C0 7.3 7.3 0 16.2 0h19.5c9 0 16.2 7.3 16.2 16.2v19.5c0 9-7.3 16.2-16.2 16.2H16.2C7.3 52 0 44.7 0 35.8V16.2Z" }), jsx("path", { fill: "#0D0D0D", d: "M23.3 9.7 8.5 35.2l4.1 6.8 14.7-25.3-4-7ZM34 9.7 19.2 35.2l4.1 6.8L38 16.7l-4-7ZM39.3 19l-4 6.9 4 7 4-7-4-6.9Z" }), jsx("path", { fill: "url(#maestro-hex-mf_svg__c)", d: "M23.3 9.7 8.5 35.2l4.1 6.8 14.7-25.3-4-7Z", opacity: 0.5 }), jsx("path", { fill: "url(#maestro-hex-mf_svg__d)", d: "M34 9.7 19.2 35.2l4.1 6.8L38 16.7l-4-7Z", opacity: 0.5 }), jsx("path", { fill: "url(#maestro-hex-mf_svg__e)", d: "m39.3 19-4 6.9 4 7 4-7-4-6.9Z", opacity: 0.5 }), jsx("path", { fill: "#0D0D0D", d: "m34 28.2-4.1 7 4.1 6.9 4-6.9-4-7Z" }), jsx("path", { fill: "url(#maestro-hex-mf_svg__f)", d: "m34 28.2-4.1 7 4.1 6.9 4-6.9-4-7Z", opacity: 0.5 })] }) }), jsxs("defs", { children: [jsxs("linearGradient", { id: "maestro-hex-mf_svg__c", x1: 14.5, x2: 21.4, y1: 24, y2: 27.7, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.1, stopColor: "#7FB6CD" }), jsx("stop", { offset: 0.3, stopColor: "#5D8393" }), jsx("stop", { offset: 0.5, stopColor: "#405863" }), jsx("stop", { offset: 0.6, stopColor: "#2A383D" }), jsx("stop", { offset: 0.8, stopColor: "#1A2023" }), jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "maestro-hex-mf_svg__d", x1: 25.2, x2: 32.1, y1: 24, y2: 27.7, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.1, stopColor: "#7FB6CD" }), jsx("stop", { offset: 0.3, stopColor: "#5D8393" }), jsx("stop", { offset: 0.5, stopColor: "#405863" }), jsx("stop", { offset: 0.6, stopColor: "#2A383D" }), jsx("stop", { offset: 0.8, stopColor: "#1A2023" }), jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "maestro-hex-mf_svg__e", x1: 36.2, x2: 42.4, y1: 24.3, y2: 27.6, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.1, stopColor: "#7FB6CD" }), jsx("stop", { offset: 0.3, stopColor: "#5D8393" }), jsx("stop", { offset: 0.5, stopColor: "#405863" }), jsx("stop", { offset: 0.6, stopColor: "#2A383D" }), jsx("stop", { offset: 0.8, stopColor: "#1A2023" }), jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "maestro-hex-mf_svg__f", x1: 30.8, x2: 37.1, y1: 33.5, y2: 36.8, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.1, stopColor: "#7FB6CD" }), jsx("stop", { offset: 0.3, stopColor: "#5D8393" }), jsx("stop", { offset: 0.5, stopColor: "#405863" }), jsx("stop", { offset: 0.6, stopColor: "#2A383D" }), jsx("stop", { offset: 0.8, stopColor: "#1A2023" }), jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsx("clipPath", { id: "maestro-hex-mf_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsx("clipPath", { id: "maestro-hex-mf_svg__b", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgMaestroHexMf);

export { Memo as default };