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