@nexusui/branding/Workxplore.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 SvgWorkxplore = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#workxplore_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: "m24.65 34.871-4.089 7.07h-7.48l4.083-7.07a3.547 3.547 0 0 0 0-3.55L8.633 16.545l3.742-6.48h7.485l-3.742 6.48 8.531 14.778a3.546 3.546 0 0 1 0 3.55Z" }), jsx("path", { fill: "#0D0D0D", d: "m16.798 16.544 3.743-6.484L35.2 35.455v.006l-3.737 6.48-14.666-25.397ZM18.16 34.836v.005l-.006-.005h.005ZM16.489 31.322a3.537 3.537 0 0 1 0 3.544l-2.717 4.708-.005-.005-1.366 2.366-3.743-6.48 3.743-6.48.005.006 1.366-2.367 2.717 4.708ZM30.073 12.421v.005l-.005-.005h.005Z" }), jsx("path", { fill: "#0D0D0D", d: "m43.367 35.456-3.742 6.48h-7.486l3.743-6.48-8.531-14.778a3.547 3.547 0 0 1 0-3.55l4.088-7.068h7.48l-4.083 7.068a3.546 3.546 0 0 0 0 3.55l8.531 14.777Z" }), jsx("path", { fill: "#0D0D0D", d: "m43.342 16.544-3.743 6.48-.005-.005-1.366 2.367-2.717-4.708a3.537 3.537 0 0 1 0-3.544l2.717-4.708.005.005 1.366-2.366 3.743 6.48Z" }), jsx("path", { fill: "url(#workxplore_svg__b)", d: "m24.65 34.871-4.089 7.07h-7.48l4.083-7.07a3.547 3.547 0 0 0 0-3.55L8.633 16.545l3.742-6.48h7.485l-3.742 6.48 8.531 14.778a3.546 3.546 0 0 1 0 3.55Z", opacity: 0.64 }), jsx("path", { fill: "url(#workxplore_svg__c)", d: "m31.464 41.94 3.738-6.48v-.005L20.54 10.06l-3.743 6.484L31.464 41.94Z", opacity: 0.4 }), jsx("path", { fill: "url(#workxplore_svg__d)", d: "m13.772 26.614-1.366 2.367-.005-.005-3.743 6.48 3.743 6.48 1.366-2.367.005.005 2.717-4.708a3.537 3.537 0 0 0 0-3.544l-2.717-4.708Z", opacity: 0.48 }), jsx("path", { fill: "url(#workxplore_svg__e)", d: "M38.919 10.06h-7.48l-4.088 7.068a3.547 3.547 0 0 0 0 3.55l8.531 14.777-3.742 6.48h7.48l3.747-6.48-8.531-14.777a3.546 3.546 0 0 1 0-3.55l4.083-7.068Z", opacity: 0.56 }), jsx("path", { fill: "url(#workxplore_svg__f)", d: "m39.6 10.06-1.367 2.366-.005-.005-2.717 4.707a3.537 3.537 0 0 0 0 3.545l2.717 4.708 1.366-2.367.005.005 3.743-6.48-3.743-6.48Z", opacity: 0.24 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "workxplore_svg__b", x1: 6.441, x2: 26.525, y1: 20.667, y2: 31.346, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#BCE562" }), jsx("stop", { offset: 0.097, stopColor: "#B5DC5E", stopOpacity: 0.904 }), jsx("stop", { offset: 0.254, stopColor: "#A1C355", stopOpacity: 0.747 }), jsx("stop", { offset: 0.452, stopColor: "#809C45", stopOpacity: 0.549 }), jsx("stop", { offset: 0.683, stopColor: "#54642F", stopOpacity: 0.317 }), jsx("stop", { offset: 0.941, stopColor: "#1B1E14", stopOpacity: 0.059 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "workxplore_svg__c", x1: 14.907, x2: 37.098, y1: 20.1, y2: 31.899, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#BCE562" }), jsx("stop", { offset: 0.067, stopColor: "#AED45B", stopOpacity: 0.934 }), jsx("stop", { offset: 0.409, stopColor: "#6A803A", stopOpacity: 0.592 }), jsx("stop", { offset: 0.689, stopColor: "#384222", stopOpacity: 0.311 }), jsx("stop", { offset: 0.893, stopColor: "#191C13", stopOpacity: 0.107 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "workxplore_svg__d", x1: 10.122, x2: 15.985, y1: 32.701, y2: 35.819, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#BCE562" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "workxplore_svg__e", x1: 25.476, x2: 45.56, y1: 20.653, y2: 31.333, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#BCE562" }), jsx("stop", { offset: 0.187, stopColor: "#8EAC4C", stopOpacity: 0.814 }), jsx("stop", { offset: 0.395, stopColor: "#607436", stopOpacity: 0.606 }), jsx("stop", { offset: 0.587, stopColor: "#3C4824", stopOpacity: 0.413 }), jsx("stop", { offset: 0.758, stopColor: "#222817", stopOpacity: 0.242 }), jsx("stop", { offset: 0.902, stopColor: "#131410", stopOpacity: 0.098 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "workxplore_svg__f", x1: 36.015, x2: 41.877, y1: 16.18, y2: 19.297, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#BCE562" }), jsx("stop", { offset: 0.173, stopColor: "#9DBF53", stopOpacity: 0.828 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "workxplore_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgWorkxplore);

export { Memo as default };