@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.98 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgHxgnSfxProductionTracking = (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-production-tracking_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 31.586-5.459 9.455h10.918L26 31.586ZM25.01 31.586H14.092l-5.46 9.455h10.919l5.459-9.455ZM26.99 31.586h10.918l5.46 9.455H32.448l-5.459-9.455ZM26 10.959l-5.459 9.455L26 29.87l5.459-9.455L26 10.96Z" }), jsxRuntime.jsx("path", { fill: "url(#hxgn-sfx-production-tracking_svg__b)", d: "m26 31.586-5.459 9.455h10.918L26 31.586Z", opacity: 0.56 }), jsxRuntime.jsx("path", { fill: "url(#hxgn-sfx-production-tracking_svg__c)", d: "M25.01 31.586H14.092l-5.46 9.455h10.919l5.459-9.455Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "url(#hxgn-sfx-production-tracking_svg__d)", d: "M26.99 31.586h10.918l5.46 9.455H32.448l-5.459-9.455Z", opacity: 0.56 }), jsxRuntime.jsx("path", { fill: "url(#hxgn-sfx-production-tracking_svg__e)", d: "m26 10.959-5.459 9.455L26 29.87l5.459-9.455L26 10.96Z", opacity: 0.8 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "hxgn-sfx-production-tracking_svg__b", x1: 23.103, x2: 31.613, y1: 36.224, y2: 40.749, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#B1A0DE" })] }), jsxRuntime.jsxs("linearGradient", { id: "hxgn-sfx-production-tracking_svg__c", x1: 12.397, x2: 21.244, y1: 33.961, y2: 38.665, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#B1A0DE" }), jsxRuntime.jsx("stop", { offset: 0.006, stopColor: "#B09FDD", stopOpacity: 0.994 }), jsxRuntime.jsx("stop", { offset: 0.699, stopColor: "#3C3749", stopOpacity: 0.301 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "hxgn-sfx-production-tracking_svg__d", x1: 26.838, x2: 43.522, y1: 31.878, y2: 40.749, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 0.101, stopColor: "#121214", stopOpacity: 0.101 }), jsxRuntime.jsx("stop", { offset: 0.247, stopColor: "#222027", stopOpacity: 0.247 }), jsxRuntime.jsx("stop", { offset: 0.422, stopColor: "#3B3647", stopOpacity: 0.422 }), jsxRuntime.jsx("stop", { offset: 0.618, stopColor: "#5D5573", stopOpacity: 0.618 }), jsxRuntime.jsx("stop", { offset: 0.828, stopColor: "#897CAB", stopOpacity: 0.828 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#B1A0DE" })] }), jsxRuntime.jsxs("linearGradient", { id: "hxgn-sfx-production-tracking_svg__e", x1: 21.745, x2: 30.255, y1: 18.151, y2: 22.676, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#B1A0DE" }), jsxRuntime.jsx("stop", { offset: 0.162, stopColor: "#9385B8", stopOpacity: 0.838 }), jsxRuntime.jsx("stop", { offset: 0.573, stopColor: "#4C455D", stopOpacity: 0.427 }), jsxRuntime.jsx("stop", { offset: 0.862, stopColor: "#1E1D23", stopOpacity: 0.138 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "hxgn-sfx-production-tracking_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgHxgnSfxProductionTracking);
exports["default"] = Memo;