@nexusui/branding/RomaxSpectrum.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 SvgRomaxSpectrum = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#romax-spectrum_svg__a)", children: [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" }), jsx("path", { fill: "#EA9030", 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: "M21.308 11.11 29.91 26l3.311-5.733a4.071 4.071 0 0 1 3.524-2.037h6.622l.005 7.201h-1.807a4.062 4.062 0 0 0-3.515 2.026L30.28 40.89 21.309 25.35l-3.311 5.738a4.069 4.069 0 0 1-3.52 2.032H8.634V26h1.742a4.04 4.04 0 0 0 3.504-2.026l7.429-12.863Z" }), jsx("path", { fill: "url(#romax-spectrum_svg__b)", d: "m21.308 11.11 4.174 7.222-4.17 7.023-3.31 5.738a4.069 4.069 0 0 1-3.52 2.032h-5.85V26h1.743a4.04 4.04 0 0 0 3.504-2.026l7.429-12.863Z", opacity: 0.8 }), jsx("path", { fill: "url(#romax-spectrum_svg__c)", d: "m29.91 26 3.311-5.733a4.071 4.071 0 0 1 3.524-2.037h6.622l.005 7.201h-1.807a4.062 4.062 0 0 0-3.515 2.026L30.28 40.89l-4.483-7.77L29.91 26Z", opacity: 0.4 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "romax-spectrum_svg__b", x1: 11.64, x2: 24.977, y1: 20.344, y2: 27.435, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.109, stopColor: "#EA9030" }), jsx("stop", { offset: 0.382, stopColor: "#9D6324", stopOpacity: 0.659 }), jsx("stop", { offset: 0.909, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-spectrum_svg__c", x1: 29.703, x2: 40.214, y1: 25.775, y2: 31.364, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.053, stopColor: "#C87C2B" }), jsx("stop", { offset: 0.131, stopColor: "#9C6224" }), jsx("stop", { offset: 0.215, stopColor: "#764B1E" }), jsx("stop", { offset: 0.305, stopColor: "#553818" }), jsx("stop", { offset: 0.4, stopColor: "#3B2814" }), jsx("stop", { offset: 0.505, stopColor: "#261C11" }), jsx("stop", { offset: 0.623, stopColor: "#18140F" }), jsx("stop", { offset: 0.765, stopColor: "#100F0D" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsx("clipPath", { id: "romax-spectrum_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgRomaxSpectrum);

export { Memo as default };