@nexusui/branding/HxgnPortableSolution.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 SvgHxgnPortableSolution = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 3072 2560", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "hxgn-portable-solution_svg__a", x1: 1000.11, x2: 1936.88, y1: 1003.06, y2: 1501.15, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 0.51, stopColor: "#68b9dc" }), jsx("stop", { offset: 0.76, stopColor: "#3c96bc" }), jsx("stop", { offset: 1, stopColor: "#265f7c" })] }), jsxs("linearGradient", { id: "hxgn-portable-solution_svg__b", x1: 1207.46, x2: 1864.54, y1: 613.09, y2: 962.46, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 1, stopColor: "#265f7c" })] }), jsxs("linearGradient", { id: "hxgn-portable-solution_svg__c", x1: 1687.7, x2: 2141.14, y1: 875.9, y2: 1116.99, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#265f7c" }), jsx("stop", { offset: 1, stopColor: "#97d9f5" })] }), jsxs("linearGradient", { id: "hxgn-portable-solution_svg__d", x1: 1455.3, x2: 1942.24, y1: 1232.16, y2: 1491.07, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#265f7c" }), jsx("stop", { offset: 1, stopColor: "#97d9f5" })] })] }), jsx("path", { d: "m1680.4 520-609.7 350.28v954.26c0 28.58 15.25 54.99 40 69.28l280.9 162.17v-704.02l282.04 162.84a80.016 80.016 0 0 0 78.25.98l249.4-135.79V705.27L1680.4 520Zm0 665.24-288.8 166.72v-296.41l288.8-165.92v295.61Z", style: {
                fill: 'url(#hxgn-portable-solution_svg__a)',
            } }), jsx("path", { d: "M1070.7 870.28 1680.4 520l320.9 185.27-609.7 350.28-320.9-185.27z", style: {
                fill: 'url(#hxgn-portable-solution_svg__b)',
                opacity: 0.6,
            } }), jsx("path", { d: "M2001.3 705.27V1380l-320.9-194.76V889.63l320.9-184.36z", style: {
                opacity: 0.6,
                fill: 'url(#hxgn-portable-solution_svg__c)',
            } }), jsx("path", { d: "m1680.4 1185.24 320.89 194.77-249.4 135.79a79.983 79.983 0 0 1-78.26-.98l-282.04-162.85 288.8-166.72Z", style: {
                fill: 'url(#hxgn-portable-solution_svg__d)',
            } })] }));
const Memo = memo(SvgHxgnPortableSolution);

export { Memo as default };