@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.66 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgNexusOt = (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(#nexus-ot_svg__a)", children: jsxRuntime.jsxs("g", { clipPath: "url(#nexus-ot_svg__b)", children: [jsxRuntime.jsx("path", { fill: "url(#nexus-ot_svg__c)", d: "M0 16.2C0 7.3 7.3 0 16.2 0h19.5C44.7 0 52 7.3 52 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: "M26 10.4 7.7 21c-.7.4-.7 1.4 0 1.8L26 33.3l5.4-3.1L17 21.8l14.4-8.3-5.4-3.1Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M26 41.6 44.3 31c.7-.4.7-1.4 0-1.8L26 18.7l-5.4 3.1L35 30.2l-14.4 8.3 5.4 3.1Z" }), jsxRuntime.jsx("path", { fill: "url(#nexus-ot_svg__d)", d: "M26 10.4 7.7 21c-.7.4-.7 1.4 0 1.8L26 33.3l5.4-3.1L17 21.8l14.4-8.3-5.4-3.1Z", opacity: 0.7 }), jsxRuntime.jsx("path", { fill: "url(#nexus-ot_svg__e)", d: "M26 41.6 44.3 31c.7-.4.7-1.4 0-1.8L26 18.7l-5.4 3.1L35 30.2l-14.4 8.3 5.4 3.1Z", opacity: 0.7 })] }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "nexus-ot_svg__c", x1: 0.007, x2: 51.993, y1: 12.179, y2: 39.821, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#A5D867" }), jsxRuntime.jsx("stop", { offset: 0.195, stopColor: "#A2D769" }), jsxRuntime.jsx("stop", { offset: 0.351, stopColor: "#98D36E" }), jsxRuntime.jsx("stop", { offset: 0.494, stopColor: "#87CC76" }), jsxRuntime.jsx("stop", { offset: 0.629, stopColor: "#6FC382" }), jsxRuntime.jsx("stop", { offset: 0.758, stopColor: "#50B792" }), jsxRuntime.jsx("stop", { offset: 0.882, stopColor: "#2BA9A4" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0098BA" })] }), jsxRuntime.jsxs("linearGradient", { id: "nexus-ot_svg__d", x1: 11.222, x2: 33.664, y1: 13.982, y2: 25.914, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.8 }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#9FD063", stopOpacity: 0.72 }), jsxRuntime.jsx("stop", { offset: 0.259, stopColor: "#8EB959", stopOpacity: 0.593 }), jsxRuntime.jsx("stop", { offset: 0.457, stopColor: "#729449", stopOpacity: 0.434 }), jsxRuntime.jsx("stop", { offset: 0.685, stopColor: "#4B6032", stopOpacity: 0.252 }), jsxRuntime.jsx("stop", { offset: 0.937, stopColor: "#1A1E15", stopOpacity: 0.05 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "nexus-ot_svg__e", x1: 18.334, x2: 40.776, y1: 26.093, y2: 38.026, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.8 }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#9FD063", stopOpacity: 0.72 }), jsxRuntime.jsx("stop", { offset: 0.259, stopColor: "#8EB959", stopOpacity: 0.593 }), jsxRuntime.jsx("stop", { offset: 0.457, stopColor: "#729449", stopOpacity: 0.434 }), jsxRuntime.jsx("stop", { offset: 0.685, stopColor: "#4B6032", stopOpacity: 0.252 }), jsxRuntime.jsx("stop", { offset: 0.937, stopColor: "#1A1E15", stopOpacity: 0.05 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "nexus-ot_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsxRuntime.jsx("clipPath", { id: "nexus-ot_svg__b", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgNexusOt);
exports["default"] = Memo;