@nexusui/branding/NexusOt.js

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.

import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';

const SvgNexusOt = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsx("g", { clipPath: "url(#nexus-ot_svg__a)", children: jsxs("g", { clipPath: "url(#nexus-ot_svg__b)", children: [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" }), 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" }), 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" }), 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 }), 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 })] }) }), jsxs("defs", { children: [jsxs("linearGradient", { id: "nexus-ot_svg__c", x1: 0.007, x2: 51.993, y1: 12.179, y2: 39.821, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.195, stopColor: "#A2D769" }), jsx("stop", { offset: 0.351, stopColor: "#98D36E" }), jsx("stop", { offset: 0.494, stopColor: "#87CC76" }), jsx("stop", { offset: 0.629, stopColor: "#6FC382" }), jsx("stop", { offset: 0.758, stopColor: "#50B792" }), jsx("stop", { offset: 0.882, stopColor: "#2BA9A4" }), jsx("stop", { offset: 1, stopColor: "#0098BA" })] }), jsxs("linearGradient", { id: "nexus-ot_svg__d", x1: 11.222, x2: 33.664, y1: 13.982, y2: 25.914, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.8 }), jsx("stop", { offset: 0.1, stopColor: "#9FD063", stopOpacity: 0.72 }), jsx("stop", { offset: 0.259, stopColor: "#8EB959", stopOpacity: 0.593 }), jsx("stop", { offset: 0.457, stopColor: "#729449", stopOpacity: 0.434 }), jsx("stop", { offset: 0.685, stopColor: "#4B6032", stopOpacity: 0.252 }), jsx("stop", { offset: 0.937, stopColor: "#1A1E15", stopOpacity: 0.05 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-ot_svg__e", x1: 18.334, x2: 40.776, y1: 26.093, y2: 38.026, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.8 }), jsx("stop", { offset: 0.1, stopColor: "#9FD063", stopOpacity: 0.72 }), jsx("stop", { offset: 0.259, stopColor: "#8EB959", stopOpacity: 0.593 }), jsx("stop", { offset: 0.457, stopColor: "#729449", stopOpacity: 0.434 }), jsx("stop", { offset: 0.685, stopColor: "#4B6032", stopOpacity: 0.252 }), jsx("stop", { offset: 0.937, stopColor: "#1A1E15", stopOpacity: 0.05 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "nexus-ot_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsx("clipPath", { id: "nexus-ot_svg__b", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgNexusOt);

export { Memo as default };