@nexusui/branding/NexusPortal.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 SvgNexusPortal = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "nexus-portal_svg__b", x1: 0.13, x2: 1023.87, y1: 239.83, y2: 784.17, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.19, stopColor: "#a1d668" }), jsx("stop", { offset: 0.35, stopColor: "#97d26d" }), jsx("stop", { offset: 0.49, stopColor: "#86cc76" }), jsx("stop", { offset: 0.63, stopColor: "#6fc382" }), jsx("stop", { offset: 0.76, stopColor: "#50b791" }), jsx("stop", { offset: 0.88, stopColor: "#2ba8a4" }), jsx("stop", { offset: 1, stopColor: "#0098ba" })] }), jsxs("linearGradient", { id: "nexus-portal_svg__d", x1: 782.61, x2: 966.87, y1: 385.77, y2: 483.74, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.03, stopColor: "#95c35d" }), jsx("stop", { offset: 0.11, stopColor: "#75984b" }), jsx("stop", { offset: 0.19, stopColor: "#59733a" }), jsx("stop", { offset: 0.28, stopColor: "#41532c" }), jsx("stop", { offset: 0.37, stopColor: "#2e3920" }), jsx("stop", { offset: 0.48, stopColor: "#1f2517" }), jsx("stop", { offset: 0.6, stopColor: "#141711" }), jsx("stop", { offset: 0.75, stopColor: "#0e0f0e" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "nexus-portal_svg__e", x1: 186.44, x2: 436.29, y1: 329.3, y2: 462.15, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.06, stopColor: "#92be5b" }), jsx("stop", { offset: 0.18, stopColor: "#6f8f47" }), jsx("stop", { offset: 0.3, stopColor: "#506735" }), jsx("stop", { offset: 0.43, stopColor: "#384626" }), jsx("stop", { offset: 0.56, stopColor: "#252d1b" }), jsx("stop", { offset: 0.7, stopColor: "#171b13" }), jsx("stop", { offset: 0.84, stopColor: "#0f100e" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "nexus-portal_svg__f", x1: 238.72, x2: 604.94, y1: 580.72, y2: 775.44, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.02, stopColor: "#9bcb61" }), jsx("stop", { offset: 0.1, stopColor: "#7a9e4d" }), jsx("stop", { offset: 0.19, stopColor: "#5c773c" }), jsx("stop", { offset: 0.29, stopColor: "#44562d" }), jsx("stop", { offset: 0.39, stopColor: "#2f3b21" }), jsx("stop", { offset: 0.5, stopColor: "#202618" }), jsx("stop", { offset: 0.62, stopColor: "#151811" }), jsx("stop", { offset: 0.77, stopColor: "#0e0f0e" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "nexus-portal_svg__g", x1: 419.05, x2: 785.25, y1: 248.26, y2: 442.97, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.02, stopColor: "#9ecf63" }), jsx("stop", { offset: 0.16, stopColor: "#789c4c" }), jsx("stop", { offset: 0.3, stopColor: "#577039" }), jsx("stop", { offset: 0.44, stopColor: "#3c4c29" }), jsx("stop", { offset: 0.58, stopColor: "#27301c" }), jsx("stop", { offset: 0.72, stopColor: "#181c14" }), jsx("stop", { offset: 0.86, stopColor: "#0f100e" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "nexus-portal_svg__h", x1: 315.48, x2: 695.43, y1: 401.82, y2: 603.84, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.21, stopColor: "#7da24f" }), jsx("stop", { offset: 0.49, stopColor: "#4d6233" }), jsx("stop", { offset: 0.72, stopColor: "#2a341e" }), jsx("stop", { offset: 0.9, stopColor: "#151711" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("style", { children: '.nexus-portal_svg__j{fill:#0d0d0d}' })] }), jsx("rect", { id: "nexus-portal_svg__a", width: 1024, height: 1024, rx: 320, ry: 320, style: {
                fill: 'url(#nexus-portal_svg__b)',
            } }), jsxs("g", { id: "nexus-portal_svg__c", children: [jsx("path", { d: "M765.7 359.27v158.68L522.56 658.33l116.28 67.14 243.14-140.38.02-292.96-116.3 67.14zM258.3 663.68V504.99l243.14-140.38-116.28-67.13-243.14 140.38-.02 292.96 116.3-67.14z", className: "nexus-portal_svg__j" }), jsx("path", { d: "M512 371.47 268.85 511.85 512 652.24l243.12-140.4L512 371.47z", className: "nexus-portal_svg__j" }), jsx("path", { d: "M765.7 359.27v158.68l116.28 67.14.02-292.96-116.3 67.14z", style: {
                        opacity: 0.24,
                        fill: 'url(#nexus-portal_svg__d)',
                    } }), jsx("path", { d: "m258.3 504.99 243.14-140.38-116.28-67.13-243.14 140.38 116.28 67.13z", style: {
                        opacity: 0.4,
                        fill: 'url(#nexus-portal_svg__e)',
                    } }), jsx("path", { d: "M628.26 731.57 268.85 524.06v134.27l243.14 140.38 116.27-67.14zM395.72 292.13 512.01 225l243.12 140.37-.01 134.26-359.4-207.5z", className: "nexus-portal_svg__j" }), jsx("path", { d: "M628.26 731.57 268.85 524.06v134.27l243.14 140.38 116.27-67.14z", style: {
                        fill: 'url(#nexus-portal_svg__f)',
                        opacity: 0.16,
                    } }), jsx("path", { d: "M395.72 292.13 512.01 225l243.12 140.37-.01 134.26-359.4-207.5z", style: {
                        fill: 'url(#nexus-portal_svg__g)',
                        opacity: 0.4,
                    } }), jsx("path", { d: "M512 371.47 268.85 511.85 512 514l243 .15-243-142.68z", style: {
                        fill: 'url(#nexus-portal_svg__h)',
                        opacity: 0.24,
                    } })] })] }));
const Memo = memo(SvgNexusPortal);

export { Memo as default };