@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.
8 lines (5 loc) • 2.75 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgHxgnSfxConnectedWorker = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#hxgn-sfx-connected-worker_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: "#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" }), 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" }), 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 }), 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" }), 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 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "hxgn-sfx-connected-worker_svg__b", x1: 20.372, x2: 46.59, y1: 19.179, y2: 33.119, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 0.091, stopColor: "#9F90C7", stopOpacity: 0.909 }), jsx("stop", { offset: 0.421, stopColor: "#615878", stopOpacity: 0.579 }), jsx("stop", { offset: 0.693, stopColor: "#34303E", stopOpacity: 0.307 }), jsx("stop", { offset: 0.893, stopColor: "#18171B", stopOpacity: 0.107 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-sfx-connected-worker_svg__c", x1: 20.372, x2: 46.59, y1: 26.836, y2: 40.777, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 0.062, stopColor: "#A394CD", stopOpacity: 0.938 }), jsx("stop", { offset: 0.316, stopColor: "#6E6489", stopOpacity: 0.684 }), jsx("stop", { offset: 0.546, stopColor: "#443F54", stopOpacity: 0.454 }), jsx("stop", { offset: 0.744, stopColor: "#26242D", stopOpacity: 0.256 }), jsx("stop", { offset: 0.902, stopColor: "#141316", stopOpacity: 0.098 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "hxgn-sfx-connected-worker_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgHxgnSfxConnectedWorker);
export { Memo as default };