@nexusui/branding/CabinetVision.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 SvgCabinetVision = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#cabinet-vision_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: "m26.472 13.218 10.405-6.007v12.015l-10.405 6.007V13.218ZM36.877 20.318v12.014L26.472 38.34V26.325l10.405-6.007Z" }), jsx("path", { fill: "url(#cabinet-vision_svg__b)", d: "m26.472 13.218 10.405-6.007v12.015l-10.405 6.007V13.218Z", opacity: 0.4 }), jsx("path", { fill: "url(#cabinet-vision_svg__c)", d: "M36.877 20.318v12.014L26.472 38.34V26.325l10.405-6.007Z", opacity: 0.4 }), jsx("path", { fill: "#0D0D0D", d: "m15.123 19.703 10.39-5.997v25.086l-10.39 5.997V19.703Z" }), jsx("path", { fill: "url(#cabinet-vision_svg__d)", d: "m15.123 19.703 10.39-5.997v25.086l-10.39 5.997V19.703Z", opacity: 0.56 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "cabinet-vision_svg__b", x1: 24.828, x2: 38.449, y1: 12.581, y2: 19.823, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.186, stopColor: "#98B850", stopOpacity: 0.814 }), jsx("stop", { offset: 0.586, stopColor: "#4E5D2C", stopOpacity: 0.414 }), jsx("stop", { offset: 0.866, stopColor: "#1F2316", stopOpacity: 0.134 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cabinet-vision_svg__c", x1: 25.531, x2: 37.67, y1: 26.061, y2: 32.515, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.051, stopColor: "#AACF59", stopOpacity: 0.949 }), jsx("stop", { offset: 0.184, stopColor: "#819C45", stopOpacity: 0.816 }), jsx("stop", { offset: 0.319, stopColor: "#5D7034", stopOpacity: 0.681 }), jsx("stop", { offset: 0.454, stopColor: "#404C26", stopOpacity: 0.546 }), jsx("stop", { offset: 0.589, stopColor: "#2A311B", stopOpacity: 0.411 }), jsx("stop", { offset: 0.725, stopColor: "#1A1D13", stopOpacity: 0.275 }), jsx("stop", { offset: 0.861, stopColor: "#10110F", stopOpacity: 0.139 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cabinet-vision_svg__d", x1: 12.312, x2: 28.324, y1: 24.99, y2: 33.503, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.121, stopColor: "#ADD25B", stopOpacity: 0.879 }), jsx("stop", { offset: 0.366, stopColor: "#85A247", stopOpacity: 0.634 }), jsx("stop", { offset: 0.708, stopColor: "#475429", stopOpacity: 0.292 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "cabinet-vision_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgCabinetVision);

export { Memo as default };