@nexusui/branding/Edgecam.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 SvgEdgecam = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#edgecam_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: "M25.584 13.27v9.277l-8.024-4.642-.005.005h-.005v7.724l-8.029-4.641v-5.616c0-1.306.696-2.509 1.823-3.159l6.216-3.585 8.024 4.636ZM26.416 13.294v9.278l8.024-4.641.005.005h.005v7.724l8.029-4.642v-5.616a3.645 3.645 0 0 0-1.823-3.159L34.45 8.658l-8.034 4.636ZM26.416 38.73v-9.272L34.44 34.1l.005-.005h.005V26.37l8.029 4.641v5.611a3.645 3.645 0 0 1-1.823 3.16l-6.216 3.584-8.023-4.636ZM25.584 38.705v-9.277l-8.024 4.641-.005-.005h-.005V26.34l-8.029 4.642v5.61c0 1.306.696 2.51 1.823 3.16l6.206 3.585 8.034-4.632Z" }), jsx("path", { fill: "url(#edgecam_svg__b)", d: "m17.565 17.905-.005.005h-.005v7.724l-8.028-4.641v-5.616c0-1.306.695-2.509 1.823-3.159l6.21-3.585.005 9.273Z", opacity: 0.8 }), jsx("path", { fill: "url(#edgecam_svg__c)", d: "m17.565 34.07-.005-.006h-.005V26.34l-8.028 4.642v5.61c0 1.306.695 2.51 1.823 3.16l6.205 3.585.01-9.268Z", opacity: 0.56 }), jsx("path", { fill: "url(#edgecam_svg__d)", d: "m34.435 17.93.005.006h.005v7.724l8.029-4.642v-5.616a3.645 3.645 0 0 0-1.824-3.159l-6.205-3.585-.01 9.273Z", opacity: 0.56 }), jsx("path", { fill: "url(#edgecam_svg__e)", d: "m34.435 34.095.005-.005h.005v-7.72l8.029 4.642v5.611a3.645 3.645 0 0 1-1.824 3.16l-6.21 3.584-.005-9.272Z", opacity: 0.48 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "edgecam_svg__b", x1: 10.192, x2: 21.077, y1: 13.216, y2: 19.003, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "edgecam_svg__c", x1: 9.699, x2: 21.081, y1: 30.663, y2: 36.715, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "edgecam_svg__d", x1: 30.919, x2: 42.302, y1: 15.285, y2: 21.337, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.226, stopColor: "#8BA94A", stopOpacity: 0.774 }), jsx("stop", { offset: 0.498, stopColor: "#556630", stopOpacity: 0.502 }), jsx("stop", { offset: 0.727, stopColor: "#2E361D", stopOpacity: 0.272 }), jsx("stop", { offset: 0.901, stopColor: "#161811", stopOpacity: 0.098 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "edgecam_svg__e", x1: 30.923, x2: 41.808, y1: 32.997, y2: 38.784, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.356, stopColor: "#758D40", stopOpacity: 0.644 }), jsx("stop", { offset: 0.665, stopColor: "#3D4824", stopOpacity: 0.335 }), jsx("stop", { offset: 0.887, stopColor: "#1A1D13", stopOpacity: 0.113 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "edgecam_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgEdgecam);

export { Memo as default };