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) 3.12 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var jsxRuntime = require('react/jsx-runtime'); var react = require('react'); const SvgHxgnSfxConnectedWorker = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsxs("g", { clipPath: "url(#hxgn-sfx-connected-worker_svg__a)", children: [jsxRuntime.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" }), jsxRuntime.jsx("path", { fill: "#B1A0DE", 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" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m26 33.018 18.79-10.847L26 11.324 7.21 22.171l5.526 3.19L26 17.701l7.74 4.47-13.265 7.657L26 33.018Z" }), jsxRuntime.jsx("path", { fill: "url(#hxgn-sfx-connected-worker_svg__b)", d: "m26 33.018 18.79-10.847L26 11.324 7.21 22.171l5.526 3.19L26 17.701l7.74 4.47-13.265 7.657L26 33.018Z", opacity: 0.72 }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M26 18.982 7.21 29.83 26 40.676l18.79-10.847-5.526-3.19L26 34.299l-7.74-4.47 13.265-7.657L26 18.982Z" }), jsxRuntime.jsx("path", { fill: "url(#hxgn-sfx-connected-worker_svg__c)", d: "M26 18.982 7.21 29.83 26 40.676l18.79-10.847-5.526-3.19L26 34.299l-7.74-4.47 13.265-7.657L26 18.982Z", opacity: 0.4 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "hxgn-sfx-connected-worker_svg__b", x1: 20.372, x2: 46.59, y1: 19.179, y2: 33.119, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#B1A0DE" }), jsxRuntime.jsx("stop", { offset: 0.091, stopColor: "#9F90C7", stopOpacity: 0.909 }), jsxRuntime.jsx("stop", { offset: 0.421, stopColor: "#615878", stopOpacity: 0.579 }), jsxRuntime.jsx("stop", { offset: 0.693, stopColor: "#34303E", stopOpacity: 0.307 }), jsxRuntime.jsx("stop", { offset: 0.893, stopColor: "#18171B", stopOpacity: 0.107 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "hxgn-sfx-connected-worker_svg__c", x1: 20.372, x2: 46.59, y1: 26.836, y2: 40.777, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#B1A0DE" }), jsxRuntime.jsx("stop", { offset: 0.062, stopColor: "#A394CD", stopOpacity: 0.938 }), jsxRuntime.jsx("stop", { offset: 0.316, stopColor: "#6E6489", stopOpacity: 0.684 }), jsxRuntime.jsx("stop", { offset: 0.546, stopColor: "#443F54", stopOpacity: 0.454 }), jsxRuntime.jsx("stop", { offset: 0.744, stopColor: "#26242D", stopOpacity: 0.256 }), jsxRuntime.jsx("stop", { offset: 0.902, stopColor: "#141316", stopOpacity: 0.098 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "hxgn-sfx-connected-worker_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] })); const Memo = react.memo(SvgHxgnSfxConnectedWorker); exports["default"] = Memo;