@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.
8 lines (5 loc) • 3.24 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgNexusCore = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#nexus-core_svg__a)", children: [jsx("path", { fill: "#0D0D0D", d: "M0 16.25C0 7.275 7.275 0 16.25 0h19.5C44.725 0 52 7.275 52 16.25v19.5C52 44.725 44.725 52 35.75 52h-19.5C7.275 52 0 44.725 0 35.75v-19.5Z" }), jsx("path", { fill: "url(#nexus-core_svg__b)", d: "m33.217 20.965-7.231 4.175-7.23-4.175 7.23-4.174 7.23 4.174Zm-8.677-5.009-7.23-4.175-8.677 5.01v18.367l8.676 5.01 7.23-4.175-8.676-5.009V20.965l8.677-5.009Zm-7.23 14.193 8.676 5.01 8.676-5.01v-8.35l-8.676 5.01-8.677-5.01v8.35Zm10.122 5.844 7.23 4.175 8.677-5.01V16.791l-8.677-5.01-7.23 4.175 8.677 5.009v10.02l-8.677 5.008Z" }), jsx("path", { fill: "url(#nexus-core_svg__c)", d: "m24.54 15.956-7.23-4.175-8.677 5.01 7.23 4.174 8.677-5.009Z", opacity: 0.32 }), jsx("path", { fill: "url(#nexus-core_svg__d)", d: "m25.986 26.81 8.677-5.01v8.349l-8.677 5.01v-8.35Z", opacity: 0.28 }), jsx("path", { fill: "url(#nexus-core_svg__e)", d: "m43.34 16.79-8.677-5.009-7.23 4.175 8.676 5.009 7.23-4.174Z", opacity: 0.16 }), jsx("path", { fill: "url(#nexus-core_svg__f)", d: "M43.339 35.158V16.791l-7.23 4.174v10.02l7.23 4.173Z", opacity: 0.24 }), jsx("path", { fill: "url(#nexus-core_svg__g)", d: "M8.633 16.79v18.368l7.23-4.174V20.965l-7.23-4.174Z", opacity: 0.24 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "nexus-core_svg__b", x1: 8.651, x2: 43.321, y1: 16.757, y2: 35.192, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A6D867" }), jsx("stop", { offset: 1, stopColor: "#129FB2" })] }), jsxs("linearGradient", { id: "nexus-core_svg__c", x1: 24.54, x2: 8.633, y1: 16.373, y2: 16.373, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D" }), jsx("stop", { offset: 0.44, stopColor: "#0D0D0D", stopOpacity: 0.32 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-core_svg__d", x1: 32.939, x2: 27.709, y1: 31.595, y2: 25.363, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-core_svg__e", x1: 41.17, x2: 29.601, y1: 13.034, y2: 19.713, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-core_svg__f", x1: 37.555, x2: 45.508, y1: 20.13, y2: 33.906, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.21, stopColor: "#0D0D0D" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-core_svg__g", x1: 7.062, x2: 16.502, y1: 25.698, y2: 27.362, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "nexus-core_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgNexusCore);
export { Memo as default };