@nexusui/branding/HxgnVisualDetection.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 SvgHxgnVisualDetection = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#hxgn-visual-detection_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: "#97D9F5", 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: "m18.114 17.012-8.572-5.033v8.659l8.577 5.042 7.495-4.337V8.633h-7.5v8.379h.005-.005ZM42.55 11.98v8.657L33.8 25.68l-7.495-4.337V8.633H33.8v8.379l8.75-5.033ZM42.346 31.525v8.658L33.8 35.06v8.308h-7.495V30.733l7.495-4.337 8.547 5.129ZM18.114 35.064 9.45 39.823v-8.659l8.669-4.768 7.495 4.337v12.634h-7.5v-8.303Z" }), jsx("path", { fill: "url(#hxgn-visual-detection_svg__b)", d: "m18.114 17.012-8.572-5.033v8.659l8.577 5.042-.005-8.668Z", opacity: 0.8 }), jsx("path", { fill: "url(#hxgn-visual-detection_svg__c)", d: "m33.8 17.012 8.75-5.033v8.659L33.8 25.68v-8.668Z", opacity: 0.4 }), jsx("path", { fill: "url(#hxgn-visual-detection_svg__d)", d: "M18.114 35.064 9.45 39.823v-8.659l8.669-4.768-.005 8.668Z", opacity: 0.72 }), jsx("path", { fill: "url(#hxgn-visual-detection_svg__e)", d: "m33.8 26.396 8.547 5.129v8.658L33.8 35.06v-8.663Z", opacity: 0.24 }), jsx("path", { fill: "url(#hxgn-visual-detection_svg__f)", d: "M18.119 17.012v-8.38h7.5v12.711l-7.495 4.337M33.8 17.012v-8.38h-7.495v12.711L33.8 25.68m0 .716-7.495 4.337v12.634H33.8V35.06m-15.686.006v8.302h7.5V30.733L18.12 26.4", opacity: 0.56 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "hxgn-visual-detection_svg__b", x1: 9.1, x2: 21.463, y1: 16.314, y2: 22.888, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.138, stopColor: "#83BCD4", stopOpacity: 0.862 }), jsx("stop", { offset: 0.738, stopColor: "#2F3F46", stopOpacity: 0.262 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-visual-detection_svg__c", x1: 34.013, x2: 42.334, y1: 16.616, y2: 21.039, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.107, stopColor: "#83BCD4", stopOpacity: 0.893 }), jsx("stop", { offset: 0.351, stopColor: "#5A7F8E", stopOpacity: 0.649 }), jsx("stop", { offset: 0.572, stopColor: "#394E57", stopOpacity: 0.428 }), jsx("stop", { offset: 0.76, stopColor: "#212B2F", stopOpacity: 0.24 }), jsx("stop", { offset: 0.909, stopColor: "#121516", stopOpacity: 0.091 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-visual-detection_svg__d", x1: 8.583, x2: 19.174, y1: 30.343, y2: 35.974, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.107, stopColor: "#83BCD4", stopOpacity: 0.893 }), jsx("stop", { offset: 0.351, stopColor: "#5A7F8E", stopOpacity: 0.649 }), jsx("stop", { offset: 0.572, stopColor: "#394E57", stopOpacity: 0.428 }), jsx("stop", { offset: 0.76, stopColor: "#212B2F", stopOpacity: 0.24 }), jsx("stop", { offset: 0.909, stopColor: "#121516", stopOpacity: 0.091 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-visual-detection_svg__e", x1: 31.886, x2: 44.263, y1: 30, y2: 36.58, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.107, stopColor: "#83BCD4", stopOpacity: 0.893 }), jsx("stop", { offset: 0.351, stopColor: "#5A7F8E", stopOpacity: 0.649 }), jsx("stop", { offset: 0.572, stopColor: "#394E57", stopOpacity: 0.428 }), jsx("stop", { offset: 0.76, stopColor: "#212B2F", stopOpacity: 0.24 }), jsx("stop", { offset: 0.909, stopColor: "#121516", stopOpacity: 0.091 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-visual-detection_svg__f", x1: 16.438, x2: 39.692, y1: 20.937, y2: 33.302, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#97D9F5" }), jsx("stop", { offset: 0.1, stopColor: "#8ECCE7", stopOpacity: 0.9 }), jsx("stop", { offset: 0.29, stopColor: "#78ABC1", stopOpacity: 0.71 }), jsx("stop", { offset: 0.551, stopColor: "#547684", stopOpacity: 0.449 }), jsx("stop", { offset: 0.869, stopColor: "#232D31", stopOpacity: 0.131 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "hxgn-visual-detection_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgHxgnVisualDetection);

export { Memo as default };