@nexusui/branding/MaterialCenter.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 SvgMaterialCenter = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#material-center_svg__a)", children: [jsx("path", { fill: "#F28B5B", 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" }), jsx("path", { fill: "#0D0D0D", d: "m26 8.633-14.721 8.5L26 25.63V8.633ZM40.721 17.855l-6.403 3.712 6.403 3.697v-7.41ZM25.36 26 11.28 17.87V26l7.043 4.063L25.36 26ZM40.721 17.134l-7.043-4.068-7.038 4.068v8.13l14.081-8.13ZM40.721 34.866V26l-7.043-4.063L26.64 26v16.93l14.081-8.064ZM26 26.37l-14.721 8.496L26 43.367V26.371Z" }), jsx("path", { fill: "url(#material-center_svg__b)", d: "m26 8.633-14.721 8.5L26 25.63V8.633Z", opacity: 0.8 }), jsx("path", { fill: "url(#material-center_svg__c)", d: "m40.721 17.855-6.403 3.712 6.403 3.697v-7.41Z", opacity: 0.4 }), jsx("path", { fill: "url(#material-center_svg__d)", d: "M25.36 26 11.28 17.87V26l7.043 4.063L25.36 26Z", opacity: 0.8 }), jsx("path", { fill: "url(#material-center_svg__e)", d: "m40.721 17.134-7.043-4.068-7.038 4.068v8.13l14.081-8.13Z", opacity: 0.4 }), jsx("path", { fill: "url(#material-center_svg__f)", d: "M40.721 34.866V26l-7.043-4.063L26.64 26v16.93l14.081-8.064Z", opacity: 0.4 }), jsx("path", { fill: "url(#material-center_svg__g)", d: "m26 26.37-14.721 8.496L26 43.367V26.371Z", opacity: 0.4 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "material-center_svg__b", x1: 14.524, x2: 29.523, y1: 11.03, y2: 19.005, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F28B5B" }), jsx("stop", { offset: 0.611, stopColor: "#633D2A", stopOpacity: 0.389 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "material-center_svg__c", x1: 35.734, x2: 42.256, y1: 18.906, y2: 22.374, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#F28B5B" })] }), jsxs("linearGradient", { id: "material-center_svg__d", x1: 9.528, x2: 23.875, y1: 21.165, y2: 28.793, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F28B5B" }), jsx("stop", { offset: 0.611, stopColor: "#633D2A", stopOpacity: 0.389 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "material-center_svg__e", x1: 26.573, x2: 37.55, y1: 17.257, y2: 23.094, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F28B5B" }), jsx("stop", { offset: 0.019, stopColor: "#E88557", stopOpacity: 0.981 }), jsx("stop", { offset: 0.121, stopColor: "#B56946", stopOpacity: 0.879 }), jsx("stop", { offset: 0.228, stopColor: "#885137", stopOpacity: 0.772 }), jsx("stop", { offset: 0.338, stopColor: "#623C2A", stopOpacity: 0.662 }), jsx("stop", { offset: 0.452, stopColor: "#432B1F", stopOpacity: 0.548 }), jsx("stop", { offset: 0.57, stopColor: "#2B1E17", stopOpacity: 0.43 }), jsx("stop", { offset: 0.695, stopColor: "#1A1412", stopOpacity: 0.305 }), jsx("stop", { offset: 0.831, stopColor: "#100F0E", stopOpacity: 0.169 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "material-center_svg__f", x1: 24.75, x2: 39.403, y1: 29.555, y2: 37.346, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#221814", stopOpacity: 0.037 }), jsx("stop", { offset: 0.146, stopColor: "#3A251C", stopOpacity: 0.177 }), jsx("stop", { offset: 0.454, stopColor: "#784831", stopOpacity: 0.475 }), jsx("stop", { offset: 0.897, stopColor: "#DA7E53", stopOpacity: 0.901 }), jsx("stop", { offset: 1, stopColor: "#F28B5B" })] }), jsxs("linearGradient", { id: "material-center_svg__g", x1: 14.524, x2: 29.523, y1: 28.766, y2: 36.742, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 0.093, stopColor: "#151110", stopOpacity: 0.093 }), jsx("stop", { offset: 0.235, stopColor: "#2A1D17", stopOpacity: 0.235 }), jsx("stop", { offset: 0.409, stopColor: "#4D3023", stopOpacity: 0.409 }), jsx("stop", { offset: 0.609, stopColor: "#7E4B34", stopOpacity: 0.609 }), jsx("stop", { offset: 0.826, stopColor: "#BC6D48", stopOpacity: 0.826 }), jsx("stop", { offset: 1, stopColor: "#F28B5B" })] }), jsx("clipPath", { id: "material-center_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgMaterialCenter);

export { Memo as default };