@nexusui/branding/Worknc.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 SvgWorknc = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#worknc_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: "#BCE562", 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: "M42.95 13.523v1.904h-.004l-8.47 4.896-8.47-4.896H26l-8.475 4.896-8.476-4.896v-1.899l.005-.005 8.47-4.89L26 13.523v.005l.005-.005 8.47-4.89 8.476 4.89ZM42.95 36.522v1.95l-.004.005-8.47 4.89-8.47-4.89-.006-.005v.005l-8.475 4.89-8.476-4.89v-1.95l.005-.005 8.47-4.89L26 36.522v.005l.005-.005 8.47-4.89 8.476 4.89ZM20.653 29.052 9.049 35.76v-7.43l4.088-2.36-4.088-2.362v-7.424l11.604 6.703c2.371 1.371 2.371 4.794 0 6.165ZM42.951 23.608l-4.088 2.361 4.088 2.362v7.434l-11.629-6.713c-2.371-1.371-2.371-4.794 0-6.165l11.629-6.723v7.444Z" }), jsx("path", { fill: "url(#worknc_svg__b)", d: "M34.475 20.323 26 15.433v-.006l-.005.005-8.47 4.89-8.476-4.89v-1.904l.005-.005 8.47-4.89 8.471 4.89.005.005v-.005l8.475-4.89 8.476 4.91-.005 1.905-8.47 4.875Z", opacity: 0.8 }), jsx("path", { fill: "url(#worknc_svg__c)", d: "M34.475 31.657 26 36.547h-.005l-8.47-4.89-8.47 4.89-.006.005v1.9l8.476 4.89 8.47-4.89H26l8.475 4.89 8.47-4.85.006-1.95-8.476-4.885Z", opacity: 0.4 }), jsx("path", { fill: "url(#worknc_svg__d)", d: "M20.653 29.052 9.049 35.76v-7.43l4.088-2.36-4.088-2.362v-7.424l11.604 6.703c2.371 1.371 2.371 4.794 0 6.165ZM42.95 16.164l-11.629 6.723c-2.371 1.371-2.371 4.794 0 6.165l11.629 6.713v-7.434l-4.088-2.361 4.088-2.362v-7.444Z", opacity: 0.8 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "worknc_svg__b", x1: 12.392, x2: 39.614, y1: 7.242, y2: 21.717, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.002, stopColor: "#BCE562" }), jsx("stop", { offset: 0.097, stopColor: "#B4DC5E", stopOpacity: 0.904 }), jsx("stop", { offset: 0.256, stopColor: "#A0C254", stopOpacity: 0.745 }), jsx("stop", { offset: 0.459, stopColor: "#7F9944", stopOpacity: 0.542 }), jsx("stop", { offset: 0.697, stopColor: "#50602E", stopOpacity: 0.304 }), jsx("stop", { offset: 0.962, stopColor: "#161811", stopOpacity: 0.038 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "worknc_svg__c", x1: 12.392, x2: 39.624, y1: 30.264, y2: 44.744, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.002, stopColor: "#BCE562" }), jsx("stop", { offset: 0.097, stopColor: "#B5DC5F", stopOpacity: 0.904 }), jsx("stop", { offset: 0.253, stopColor: "#A1C455", stopOpacity: 0.748 }), jsx("stop", { offset: 0.449, stopColor: "#819D46", stopOpacity: 0.552 }), jsx("stop", { offset: 0.677, stopColor: "#556630", stopOpacity: 0.323 }), jsx("stop", { offset: 0.931, stopColor: "#1D2115", stopOpacity: 0.069 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "worknc_svg__d", x1: 8.733, x2: 43.278, y1: 16.78, y2: 35.148, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.002, stopColor: "#BCE562" }), jsx("stop", { offset: 0.101, stopColor: "#B2D95D", stopOpacity: 0.9 }), jsx("stop", { offset: 0.281, stopColor: "#99BA51", stopOpacity: 0.72 }), jsx("stop", { offset: 0.52, stopColor: "#6F863D", stopOpacity: 0.48 }), jsx("stop", { offset: 0.807, stopColor: "#374021", stopOpacity: 0.194 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "worknc_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgWorknc);

export { Memo as default };