@nexusui/branding/Inspect.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 SvgInspect = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#inspect_svg__a)", children: [jsx("path", { fill: "#7BB1D9", d: "M0 16.25C0 7.275 7.275 0 16.25 0h19.5C44.725 0 52 7.275 52 16.25v19.5C52 44.725 44.725 52 35.75 52h-19.5C7.275 52 0 44.725 0 35.75v-19.5Z" }), jsx("path", { fill: "#0D0D0D", d: "m17.603 25.997 4.01 2.315-6.534 3.772-6.535-3.772 4.01-2.315-4.01-2.315 6.534-3.773 6.535 3.771-4.01 2.317ZM42.86 36.213l-6.544 3.78-6.531-3.785h-.002l-3.789-2.187-3.788 2.187h-.001l-6.53 3.784-6.546-3.779 6.544-3.779 6.533-3.771 3.788 2.187 3.79-2.188 6.533 3.773 6.544 3.778ZM39.446 25.997l4.01 2.315-6.535 3.772-6.532-3.772 4.008-2.315-4.008-2.315 6.532-3.773 6.534 3.771-4.01 2.317ZM42.86 15.787l-6.543 3.778-6.534 3.774-3.789-2.187-3.788 2.187-6.533-3.773-6.544-3.78 6.545-3.778 6.532 3.786 3.788 2.187 3.79-2.188 6.532-3.785 6.545 3.779Z" }), jsx("path", { fill: "url(#inspect_svg__b)", d: "m26 34.02-3.789 2.188h-.001l-6.531 3.784-6.545-3.779 6.543-3.779 6.534-3.771L26 30.85v3.17Z", opacity: 0.8 }), jsx("path", { fill: "url(#inspect_svg__c)", d: "m12.549 25.997-4.01 2.315 6.534 3.772 6.533-3.772-4.008-2.315 4.008-2.315-6.533-3.773L8.54 23.68l4.01 2.317Z", opacity: 0.8 }), jsx("path", { fill: "url(#inspect_svg__d)", d: "m26 17.981-3.789-2.188-6.532-3.785-6.545 3.779 6.543 3.778 6.534 3.774L26 21.152v-3.17Z", opacity: 0.8 }), jsx("path", { fill: "url(#inspect_svg__e)", d: "m26 30.85 3.789-2.188 6.534 3.773 6.543 3.778-6.545 3.78-6.53-3.785h-.002L26 34.021V30.85Z", opacity: 0.16 }), jsx("path", { fill: "url(#inspect_svg__f)", d: "m43.46 23.68-6.534-3.771-6.532 3.773 4.008 2.315-4.008 2.315 6.532 3.772 6.535-3.772-4.01-2.315 4.01-2.317Z", opacity: 0.16 }), jsx("g", { opacity: 0.16, children: jsx("path", { fill: "url(#inspect_svg__g)", d: "m26 21.152 3.789 2.187 6.534-3.773 6.543-3.78-6.545-3.778-6.532 3.786L26 17.98v3.17Z", opacity: 0.8 }) })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "inspect_svg__b", x1: 12.078, x2: 24.318, y1: 30.676, y2: 37.185, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#7BB1D9" }), jsx("stop", { offset: 0.1, stopColor: "#77ABD2", stopOpacity: 0.97 }), jsx("stop", { offset: 0.24, stopColor: "#6C9BBE", stopOpacity: 0.87 }), jsx("stop", { offset: 0.42, stopColor: "#5B829F", stopOpacity: 0.72 }), jsx("stop", { offset: 0.62, stopColor: "#445F73", stopOpacity: 0.5 }), jsx("stop", { offset: 0.83, stopColor: "#26323B", stopOpacity: 0.23 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "inspect_svg__c", x1: 8.193, x2: 21.167, y1: 22.338, y2: 29.236, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#7BB1D9" }), jsx("stop", { offset: 0.1, stopColor: "#77ABD2", stopOpacity: 0.97 }), jsx("stop", { offset: 0.24, stopColor: "#6C9BBE", stopOpacity: 0.87 }), jsx("stop", { offset: 0.42, stopColor: "#5B829F", stopOpacity: 0.72 }), jsx("stop", { offset: 0.62, stopColor: "#445F73", stopOpacity: 0.5 }), jsx("stop", { offset: 0.83, stopColor: "#26323B", stopOpacity: 0.23 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "inspect_svg__d", x1: 10.514, x2: 25.887, y1: 13.19, y2: 21.364, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#7BB1D9" }), jsx("stop", { offset: 0.1, stopColor: "#77ABD2", stopOpacity: 0.97 }), jsx("stop", { offset: 0.24, stopColor: "#6C9BBE", stopOpacity: 0.87 }), jsx("stop", { offset: 0.42, stopColor: "#5B829F", stopOpacity: 0.72 }), jsx("stop", { offset: 0.62, stopColor: "#445F73", stopOpacity: 0.5 }), jsx("stop", { offset: 0.83, stopColor: "#26323B", stopOpacity: 0.23 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "inspect_svg__e", x1: 26.114, x2: 41.486, y1: 30.637, y2: 38.81, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#76AAD0", stopOpacity: 0.95 })] }), jsxs("linearGradient", { id: "inspect_svg__f", x1: 30.875, x2: 42.981, y1: 22.779, y2: 29.215, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#76AAD0", stopOpacity: 0.95 })] }), jsxs("linearGradient", { id: "inspect_svg__g", x1: 27.683, x2: 39.922, y1: 14.817, y2: 21.325, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#76AAD0", stopOpacity: 0.95 })] }), jsx("clipPath", { id: "inspect_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgInspect);

export { Memo as default };