@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) • 2.72 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgHxgnSfxPaperlessWorker = (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-paperless-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: "m21.567 10.959-12.934 22.4h16.996l12.934-22.4H21.567Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m17.134 33.998-4.068 7.043h16.996l13.305-23.039h-8.13L26 34.003l-8.866-.005Z" }), jsxRuntime.jsx("path", { fill: "url(#hxgn-sfx-paperless-worker_svg__b)", d: "m21.567 10.959-12.934 22.4h16.996l12.934-22.4H21.567Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "url(#hxgn-sfx-paperless-worker_svg__c)", d: "m17.134 33.998-4.068 7.043h16.996l13.305-23.039h-8.13L26 34.003l-8.866-.005Z", opacity: 0.32 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "hxgn-sfx-paperless-worker_svg__b", x1: 16.574, x2: 30.623, y1: 18.424, y2: 25.895, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#B1A0DE" }), jsxRuntime.jsx("stop", { offset: 0.102, stopColor: "#A898D2", stopOpacity: 0.898 }), jsxRuntime.jsx("stop", { offset: 0.284, stopColor: "#9082B4", stopOpacity: 0.716 }), jsxRuntime.jsx("stop", { offset: 0.525, stopColor: "#695F82", stopOpacity: 0.475 }), jsxRuntime.jsx("stop", { offset: 0.813, stopColor: "#332F3D", stopOpacity: 0.187 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "hxgn-sfx-paperless-worker_svg__c", x1: 21.182, x2: 35.253, y1: 25.78, y2: 33.261, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#B1A0DE" }), jsxRuntime.jsx("stop", { offset: 0.298, stopColor: "#8377A3", stopOpacity: 0.702 }), jsxRuntime.jsx("stop", { offset: 0.982, stopColor: "#101011", stopOpacity: 0.018 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "hxgn-sfx-paperless-worker_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgHxgnSfxPaperlessWorker);
exports["default"] = Memo;