@nexusui/branding/cjs/MscApex.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.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var react = require('react');

const SvgMscApex = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsxs("g", { clipPath: "url(#msc-apex_svg__a)", children: [jsxRuntime.jsx("path", { fill: "#fff", d: "M0 16.25C0 7.277 7.277 0 16.25 0h19.5C44.723 0 52 7.277 52 16.25v19.5C52 44.723 44.723 52 35.75 52h-19.5C7.277 52 0 44.723 0 35.75v-19.5Z" }), jsxRuntime.jsx("path", { fill: "#F95B61", d: "M0 16.25C0 7.277 7.277 0 16.25 0h19.5C44.723 0 52 7.277 52 16.25v19.5C52 44.723 44.723 52 35.75 52h-19.5C7.277 52 0 44.723 0 35.75v-19.5Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m9.374 36.796 8.13-4.692 8.13 4.692-5.91 3.413a4.432 4.432 0 0 1-4.434 0l-5.916-3.413ZM8.633 36.37l8.13-4.693V21.435l-5.911 3.412a4.436 4.436 0 0 0-2.22 3.84v7.683ZM17.5 31.25V21.009l8.13-4.692v10.243L17.5 31.25ZM26.37 26.985l8.13 4.692-8.13 4.693-8.13-4.693 8.13-4.692ZM27.107 26.559l6.657-3.845a2.945 2.945 0 0 1 2.95 0l6.653 3.845-8.13 4.692-8.13-4.692ZM26.37 15.89v10.242l6.653-3.844a2.943 2.943 0 0 0 1.473-2.554v-8.537L26.37 15.89Z" }), jsxRuntime.jsx("path", { fill: "url(#msc-apex_svg__b)", d: "m9.374 36.796 8.13-4.692 8.13 4.692-5.91 3.413a4.432 4.432 0 0 1-4.434 0l-5.916-3.413Z", opacity: 0.32 }), jsxRuntime.jsx("path", { fill: "url(#msc-apex_svg__c)", d: "m8.633 36.37 8.13-4.693V21.435l-5.911 3.412a4.436 4.436 0 0 0-2.22 3.84v7.683Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "url(#msc-apex_svg__d)", d: "M17.5 31.25V21.009l8.13-4.692v10.243L17.5 31.25Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "url(#msc-apex_svg__e)", d: "m26.37 26.985 8.13 4.692-8.13 4.693-8.13-4.693 8.13-4.692Z", opacity: 0.32 }), jsxRuntime.jsx("path", { fill: "url(#msc-apex_svg__f)", d: "m27.107 26.559 6.657-3.845a2.945 2.945 0 0 1 2.95 0l6.653 3.845-8.13 4.692-8.13-4.692Z", opacity: 0.32 }), jsxRuntime.jsx("path", { fill: "url(#msc-apex_svg__g)", d: "M26.37 15.89v10.242l6.653-3.844a2.943 2.943 0 0 0 1.473-2.554v-8.537L26.37 15.89Z", opacity: 0.8 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "msc-apex_svg__b", x1: 12.36, x2: 26.383, y1: 34.014, y2: 41.47, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 0.999, stopColor: "#F95B61" })] }), jsxRuntime.jsxs("linearGradient", { id: "msc-apex_svg__c", x1: 7.289, x2: 18.384, y1: 26.027, y2: 31.927, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#F95B61" }), jsxRuntime.jsx("stop", { offset: 0.266, stopColor: "#B34448", stopOpacity: 0.734 }), jsxRuntime.jsx("stop", { offset: 0.625, stopColor: "#5A2729", stopOpacity: 0.375 }), jsxRuntime.jsx("stop", { offset: 0.878, stopColor: "#231415", stopOpacity: 0.122 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "msc-apex_svg__d", x1: 16.288, x2: 27.522, y1: 20.977, y2: 26.95, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#F95B61" }), jsxRuntime.jsx("stop", { offset: 0.461, stopColor: "#8A363A", stopOpacity: 0.539 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "msc-apex_svg__e", x1: 20.032, x2: 33.869, y1: 28.307, y2: 35.664, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#F95B61" })] }), jsxRuntime.jsxs("linearGradient", { id: "msc-apex_svg__f", x1: 29.884, x2: 42.559, y1: 23.742, y2: 30.482, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { offset: 0.003, stopColor: "#0D0D0D" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#F95B61" })] }), jsxRuntime.jsxs("linearGradient", { id: "msc-apex_svg__g", x1: 25.196, x2: 36.379, y1: 15.878, y2: 21.824, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#F95B61" }), jsxRuntime.jsx("stop", { offset: 0.183, stopColor: "#C94B50", stopOpacity: 0.817 }), jsxRuntime.jsx("stop", { offset: 0.587, stopColor: "#652A2C", stopOpacity: 0.413 }), jsxRuntime.jsx("stop", { offset: 0.868, stopColor: "#261516", stopOpacity: 0.132 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "msc-apex_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgMscApex);

exports["default"] = Memo;