@nexusui/branding/MaterialsEnrich.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 SvgMaterialsEnrich = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 50 50", ...props, children: [jsxs("g", { clipPath: "url(#materials-enrich_svg__a)", children: [jsx("path", { fill: "url(#materials-enrich_svg__b)", d: "M0 15.625C0 6.997 6.997 0 15.625 0h18.75C43.003 0 50 6.997 50 15.625v18.75C50 43.003 43.003 50 34.375 50h-18.75C6.997 50 0 43.003 0 34.375v-18.75Z" }), jsx("path", { fill: "#0D0D0D", d: "m25 11.084-7.421 4.285L25 19.653l7.422-4.284L25 11.084ZM16.65 15.904 9.23 20.19l7.422 4.286 7.421-4.286-7.421-4.285ZM8.301 20.725v8.57l7.422-4.285L8.3 20.725ZM33.35 15.904l-7.422 4.285 7.422 4.286 7.422-4.286-7.422-4.285ZM25 30.334l-7.421 4.285L25 38.904l7.422-4.285L25 30.334ZM41.699 20.725v8.57l-7.422-4.285 7.422-4.285ZM16.65 25.545 9.23 29.83l7.42 4.285 7.422-4.285-7.421-4.285ZM33.35 25.546l-7.423 4.284 7.423 4.286 7.422-4.285-7.422-4.285Z" }), jsx("path", { fill: "url(#materials-enrich_svg__c)", d: "m25 11.084-7.421 4.285L25 19.653l7.422-4.284L25 11.084Z", opacity: 0.64 }), jsx("path", { fill: "url(#materials-enrich_svg__d)", d: "M16.65 15.904 9.23 20.19l7.422 4.286 7.421-4.286-7.421-4.285Z", opacity: 0.64 }), jsx("path", { fill: "url(#materials-enrich_svg__e)", d: "M8.301 20.725v8.57l7.422-4.285L8.3 20.725Z", opacity: 0.56 }), jsx("path", { fill: "url(#materials-enrich_svg__f)", d: "m33.35 15.904-7.422 4.285 7.422 4.286 7.422-4.286-7.422-4.285Z", opacity: 0.48 }), jsx("path", { fill: "url(#materials-enrich_svg__g)", d: "m25 30.334-7.421 4.285L25 38.904l7.422-4.285L25 30.334Z", opacity: 0.4 }), jsx("path", { fill: "url(#materials-enrich_svg__h)", d: "M41.699 20.725v8.57l-7.422-4.285 7.422-4.285Z", opacity: 0.4 }), jsx("path", { fill: "url(#materials-enrich_svg__i)", d: "M16.65 25.545 9.23 29.83l7.42 4.285 7.422-4.285-7.421-4.285Z", opacity: 0.48 }), jsx("path", { fill: "url(#materials-enrich_svg__j)", d: "m33.35 25.546-7.423 4.284 7.423 4.286 7.422-4.285-7.422-4.285Z", opacity: 0.4 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "materials-enrich_svg__b", x1: 0.007, x2: 49.993, y1: 11.711, y2: 38.289, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.19, stopColor: "#A2D769" }), jsx("stop", { offset: 0.35, stopColor: "#98D36E" }), jsx("stop", { offset: 0.49, stopColor: "#87CC76" }), jsx("stop", { offset: 0.63, stopColor: "#6FC382" }), jsx("stop", { offset: 0.76, stopColor: "#50B792" }), jsx("stop", { offset: 0.88, stopColor: "#2BA9A4" }), jsx("stop", { offset: 1, stopColor: "#0098BA" })] }), jsxs("linearGradient", { id: "materials-enrich_svg__c", x1: 19.214, x2: 30.787, y1: 12.293, y2: 18.445, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A4D868" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "materials-enrich_svg__d", x1: 10.865, x2: 22.436, y1: 17.113, y2: 23.266, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A4D867" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "materials-enrich_svg__e", x1: 6.525, x2: 14.087, y1: 24.065, y2: 28.086, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "materials-enrich_svg__f", x1: 27.564, x2: 39.136, y1: 17.113, y2: 23.266, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A3D768" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "materials-enrich_svg__g", x1: 0, x2: 0.049, y1: 31.543, y2: 37.695, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A4D868" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "materials-enrich_svg__h", x1: 35.913, x2: 43.475, y1: 21.933, y2: 25.954, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#9CD56C" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "materials-enrich_svg__i", x1: 10.865, x2: 22.436, y1: 26.754, y2: 32.907, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A4D868" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "materials-enrich_svg__j", x1: 27.563, x2: 39.136, y1: 26.754, y2: 32.907, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#85CB77" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "materials-enrich_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h50v50H0z" }) })] })] }));
const Memo = memo(SvgMaterialsEnrich);

export { Memo as default };