UNPKG

@nexusui/branding

Version:

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.

12 lines (7 loc) 4.66 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var jsxRuntime = require('react/jsx-runtime'); var react = require('react'); const SvgHexagonProbeInterface = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsx("g", { clipPath: "url(#hexagon-probe-interface_svg__a)", children: jsxRuntime.jsxs("g", { clipPath: "url(#hexagon-probe-interface_svg__b)", children: [jsxRuntime.jsx("path", { fill: "#fff", d: "M0 16.2C0 7.3 7.3 0 16.2 0h19.5c9 0 16.2 7.3 16.2 16.2v19.5c0 9-7.3 16.2-16.2 16.2H16.2C7.3 52 0 44.7 0 35.8V16.2Z" }), jsxRuntime.jsx("path", { fill: "#97D9F5", d: "M0 16.2C0 7.3 7.3 0 16.2 0h19.5c9 0 16.2 7.3 16.2 16.2v19.5c0 9-7.3 16.2-16.2 16.2H16.2C7.3 52 0 44.7 0 35.8V16.2Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M24.9 33V12.4l-6.7-3.8v20.6l6.7 3.8ZM24.9 43.4l-15.6-9 6.7-3.9 8.9 5.2v7.7Z" }), jsxRuntime.jsx("path", { fill: "url(#hexagon-probe-interface_svg__c)", d: "M24.9 33V12.4l-6.7-3.8v20.6l6.7 3.8Z", opacity: 0.5 }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M27.1 33V12.4l6.7-3.8v20.6L27.1 33Z" }), jsxRuntime.jsx("path", { fill: "url(#hexagon-probe-interface_svg__d)", d: "M27.1 33V12.4l6.7-3.8v20.6L27.1 33Z", opacity: 0.5 }), jsxRuntime.jsx("path", { fill: "url(#hexagon-probe-interface_svg__e)", d: "m24.9 43.4-15.6-9 6.7-3.9 8.9 5.2v7.7Z", opacity: 0.5 }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m27.1 43.4 15.6-9-6.7-3.9-8.9 5.2v7.7Z" }), jsxRuntime.jsx("path", { fill: "url(#hexagon-probe-interface_svg__f)", d: "m27.1 43.4 15.6-9-6.7-3.9-8.9 5.2v7.7Z", opacity: 0.5 })] }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "hexagon-probe-interface_svg__c", x1: 13.9, x2: 29.2, y1: 16.8, y2: 24.9, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.6, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "hexagon-probe-interface_svg__d", x1: 24.4, x2: 36.5, y1: 17.6, y2: 24, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.6, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "hexagon-probe-interface_svg__e", x1: 10.7, x2: 26.6, y1: 31.8, y2: 40.2, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.6, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "hexagon-probe-interface_svg__f", x1: 27.6, x2: 39.2, y1: 34.8, y2: 41, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.6, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsx("clipPath", { id: "hexagon-probe-interface_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsxRuntime.jsx("clipPath", { id: "hexagon-probe-interface_svg__b", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] })); const Memo = react.memo(SvgHexagonProbeInterface); exports["default"] = Memo;