@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) • 5.8 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgNexusCompute = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#nexus-compute_svg__a)", children: [jsx("path", { fill: "url(#nexus-compute_svg__b)", 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: "#0D0D0D", d: "m19.71 17.903-11.382 6.54 5.69 3.255 11.325-6.511-5.634-3.284Z" }), jsx("path", { fill: "#0D0D0D", d: "M8.356 37.437V24.414l5.663 3.284v13.08l-5.663-3.34ZM19.68 37.494l-5.661 3.284v-13.08l11.324-6.511v6.511l-5.662 3.256v6.54Z" }), jsx("path", { fill: "#0D0D0D", d: "M20.944 10.57v6.54l5.662 3.284v6.512l5.69 3.284V17.11l-11.352-6.54ZM37.93 13.826l-5.633 3.284v13.08l5.634-3.305v-13.06Z" }), jsx("path", { fill: "#0D0D0D", d: "m26.606 7.286-5.662 3.284 11.353 6.54 5.634-3.284-11.325-6.54ZM32.297 38.197 20.916 31.6l5.69-3.256 5.69 3.285 5.635-3.285 5.69 3.285-11.324 6.568Z" }), jsx("path", { fill: "#0D0D0D", d: "M20.944 38.168V31.6l11.353 6.568v6.597l-11.353-6.597ZM43.621 38.168l-11.324 6.597v-6.597l11.324-6.54v6.54Z" }), jsx("path", { fill: "url(#nexus-compute_svg__c)", d: "m19.71 17.903-11.382 6.54 5.69 3.255 11.325-6.511-5.634-3.284Z" }), jsx("path", { fill: "url(#nexus-compute_svg__d)", d: "M8.356 37.437V24.414l5.663 3.284v13.08l-5.663-3.34Z" }), jsx("path", { fill: "#0D0D0D", d: "m19.68 37.494-5.661 3.284v-13.08l11.324-6.511v6.511l-5.662 3.256v6.54Z" }), jsx("path", { fill: "#0D0D0D", d: "M20.944 10.57v6.54l5.662 3.284v6.512l5.69 3.284V17.11l-11.352-6.54Z" }), jsx("path", { fill: "url(#nexus-compute_svg__e)", d: "m37.93 13.826-5.633 3.284v13.08l5.634-3.305v-13.06Z" }), jsx("path", { fill: "#0D0D0D", d: "m26.606 7.286-5.662 3.284 11.353 6.54 5.634-3.284-11.325-6.54Z" }), jsx("path", { fill: "url(#nexus-compute_svg__f)", d: "m26.606 7.286-5.662 3.284 11.353 6.54 5.634-3.284-11.325-6.54Z" }), jsx("path", { fill: "#0D0D0D", d: "M32.297 38.197 20.916 31.6l5.69-3.256 5.69 3.285 5.635-3.285 5.69 3.285-11.324 6.568Z" }), jsx("path", { fill: "url(#nexus-compute_svg__g)", d: "M32.297 38.197 20.916 31.6l5.69-3.256 5.69 3.285 5.635-3.285 5.69 3.285-11.324 6.568Z" }), jsx("path", { fill: "#0D0D0D", d: "M20.944 38.168V31.6l11.353 6.568v6.597l-11.353-6.597Z" }), jsx("path", { fill: "url(#nexus-compute_svg__h)", d: "m43.621 38.168-11.324 6.597v-6.597l11.324-6.54v6.54Z" })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "nexus-compute_svg__b", x1: 0, x2: 62.563, y1: 0, y2: 52, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.188, stopColor: "#A6D867" }), jsx("stop", { offset: 1, stopColor: "#129FB2" })] }), jsxs("linearGradient", { id: "nexus-compute_svg__c", x1: 6.884, x2: 33.956, y1: 18.271, y2: 27.761, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.26, stopColor: "#789C4C", stopOpacity: 0.74 }), jsx("stop", { offset: 0.698, stopColor: "#3F502B", stopOpacity: 0.382 }), jsx("stop", { offset: 0.873, stopColor: "#1B1F15", stopOpacity: 0.127 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-compute_svg__d", x1: 7.273, x2: 17.753, y1: 26.07, y2: 26.711, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.115, stopColor: "#789C4C", stopOpacity: 0.74 }), jsx("stop", { offset: 0.651, stopColor: "#3F502B", stopOpacity: 0.382 }), jsx("stop", { offset: 0.873, stopColor: "#1B1F15", stopOpacity: 0.127 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-compute_svg__e", x1: 19.472, x2: 38.046, y1: 10.146, y2: 7.863, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.115, stopColor: "#789C4C", stopOpacity: 0.74 }), jsx("stop", { offset: 0.651, stopColor: "#3F502B", stopOpacity: 0.382 }), jsx("stop", { offset: 0.873, stopColor: "#1B1F15", stopOpacity: 0.127 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-compute_svg__f", x1: 17.694, x2: 46.553, y1: 8.28, y2: 17.104, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.26, stopColor: "#789C4C", stopOpacity: 0.74 }), jsx("stop", { offset: 0.698, stopColor: "#3F502B", stopOpacity: 0.382 }), jsx("stop", { offset: 0.873, stopColor: "#1B1F15", stopOpacity: 0.127 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-compute_svg__g", x1: 12.111, x2: 52.472, y1: 28.345, y2: 44.764, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.26, stopColor: "#789C4C", stopOpacity: 0.74 }), jsx("stop", { offset: 0.698, stopColor: "#3F502B", stopOpacity: 0.382 }), jsx("stop", { offset: 0.873, stopColor: "#1B1F15", stopOpacity: 0.127 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "nexus-compute_svg__h", x1: 10.441, x2: 49.358, y1: 28.373, y2: 28.348, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.115, stopColor: "#789C4C", stopOpacity: 0.74 }), jsx("stop", { offset: 0.651, stopColor: "#3F502B", stopOpacity: 0.382 }), jsx("stop", { offset: 0.873, stopColor: "#1B1F15", stopOpacity: 0.127 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "nexus-compute_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgNexusCompute);
export { Memo as default };