@nexusui/branding/Designer.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 SvgDesigner = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "designer_svg__c", x1: 274.29, x2: 860.76, y1: 181.58, y2: 493.41, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#bce562" }), jsx("stop", { offset: 0.27, stopColor: "#809c45", stopOpacity: 0.66 }), jsx("stop", { offset: 0.53, stopColor: "#4f5e2d", stopOpacity: 0.38 }), jsx("stop", { offset: 0.74, stopColor: "#2b321b", stopOpacity: 0.17 }), jsx("stop", { offset: 0.91, stopColor: "#151711", stopOpacity: 0.05 }), jsx("stop", { offset: 1, stopColor: "#0d0d0d", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "designer_svg__d", x1: 198.18, x2: 657.87, y1: 323.96, y2: 568.38, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#bce562" }), jsx("stop", { offset: 0.1, stopColor: "#b0d65c", stopOpacity: 0.93 }), jsx("stop", { offset: 0.3, stopColor: "#91b14d", stopOpacity: 0.76 }), jsx("stop", { offset: 0.58, stopColor: "#607435", stopOpacity: 0.48 }), jsx("stop", { offset: 0.92, stopColor: "#1d2115", stopOpacity: 0.09 }), jsx("stop", { offset: 1, stopColor: "#0d0d0d", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "designer_svg__e", x1: 368.57, x2: 730.73, y1: 556.88, y2: 749.45, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#bce562" }), jsx("stop", { offset: 0.01, stopColor: "#b9e160", stopOpacity: 0.98 }), jsx("stop", { offset: 0.29, stopColor: "#7c9643", stopOpacity: 0.64 }), jsx("stop", { offset: 0.54, stopColor: "#4c5b2b", stopOpacity: 0.36 }), jsx("stop", { offset: 0.75, stopColor: "#2a311b", stopOpacity: 0.17 }), jsx("stop", { offset: 0.91, stopColor: "#141610", stopOpacity: 0.05 }), jsx("stop", { offset: 1, stopColor: "#0d0d0d", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "designer_svg__f", x1: 254.22, x2: 606.62, y1: 488.92, y2: 676.29, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#bce562" }), jsx("stop", { offset: 0.12, stopColor: "#a0c354", stopOpacity: 0.85 }), jsx("stop", { offset: 0.36, stopColor: "#6c833b", stopOpacity: 0.55 }), jsx("stop", { offset: 0.57, stopColor: "#435027", stopOpacity: 0.31 }), jsx("stop", { offset: 0.76, stopColor: "#252b19", stopOpacity: 0.14 }), jsx("stop", { offset: 0.91, stopColor: "#131510", stopOpacity: 0.04 }), jsx("stop", { offset: 1, stopColor: "#0d0d0d", stopOpacity: 0 })] }), jsx("style", { children: '.designer_svg__h{fill:#0d0d0d}' })] }), jsx("path", { id: "designer_svg__a", d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", style: {
                fill: '#bce562',
            } }), jsxs("g", { id: "designer_svg__b", children: [jsx("path", { d: "M854 506.12H704.57l-61.29-106.06a70.252 70.252 0 0 0-60.82-35.1H320.32l-74.73-129.41h411.56c25.09 0 48.28 13.38 60.83 35.11l136.03 235.46Z", className: "designer_svg__h" }), jsx("path", { d: "M541.58 506.1v-.03l-.03.03H244.84l-74.7-129.41h405.58c25.1 0 48.29 13.39 60.84 35.13l54.42 94.28h-149.4ZM853.86 517.88H704.43l-61.29 106.06a70.252 70.252 0 0 1-60.82 35.1H320.18l-74.73 129.41h411.56c25.09 0 48.28-13.38 60.83-35.11l136.03-235.46Z", className: "designer_svg__h" }), jsx("path", { d: "M541.44 517.9v.03l-.03-.03H244.7L170 647.31h405.58c25.1 0 48.29-13.39 60.84-35.13l54.42-94.28h-149.4Z", className: "designer_svg__h" }), jsx("path", { d: "M854 506.12H704.57l-61.29-106.06a70.252 70.252 0 0 0-60.82-35.1H320.32l-74.73-129.41h411.56c25.09 0 48.28 13.38 60.83 35.11l136.03 235.46Z", style: {
                        fill: 'url(#designer_svg__c)',
                        opacity: 0.88,
                    } }), jsx("path", { d: "M541.58 506.1v-.03l-.03.03H244.84l-74.7-129.41h405.58c25.1 0 48.29 13.39 60.84 35.13l54.42 94.28h-149.4Z", style: {
                        fill: 'url(#designer_svg__d)',
                        opacity: 0.56,
                    } }), jsx("path", { d: "M853.86 517.88H704.43l-61.29 106.06a70.252 70.252 0 0 1-60.82 35.1H320.18l-74.73 129.41h411.56c25.09 0 48.28-13.38 60.83-35.11l136.03-235.46Z", style: {
                        fill: 'url(#designer_svg__e)',
                        opacity: 0.24,
                    } }), jsx("path", { d: "M541.44 517.9v.03l-.03-.03H244.7L170 647.31h405.58c25.1 0 48.29-13.39 60.84-35.13l54.42-94.28h-149.4Z", style: {
                        fill: 'url(#designer_svg__f)',
                        opacity: 0.4,
                    } })] })] }));
const Memo = memo(SvgDesigner);

export { Memo as default };