@nexusui/branding/cjs/Vgsdk.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.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var react = require('react');

const SvgVgsdk = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsx("g", { clipPath: "url(#vgsdk_svg__a)", children: jsxRuntime.jsxs("g", { clipPath: "url(#vgsdk_svg__b)", children: [jsxRuntime.jsx("path", { fill: "#97D9F5", d: "M0 16.25C0 7.28 7.28 0 16.25 0h19.5C44.72 0 52 7.28 52 16.25v19.5C52 44.72 44.72 52 35.75 52h-19.5C7.28 52 0 44.72 0 35.75v-19.5Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m27.09 10.11.01 17.46 16.16 9.34v-7.48l-9.73-5.59.03-9.99-6.47-3.74ZM24.94 10.11l-.02 17.46-16.18 9.34v-7.47l9.76-5.6-.04-9.99 6.48-3.74ZM26.01 29.43l15.1 8.74-6.47 3.72-8.62-4.98-8.68 4.98-6.42-3.73 15.09-8.73Z" }), jsxRuntime.jsxs("g", { opacity: 0.48, children: [jsxRuntime.jsx("path", { fill: "url(#vgsdk_svg__c)", d: "m27.09 10.11.01 17.46 16.16 9.34v-7.48l-9.73-5.59.03-9.99-6.47-3.74Z" }), jsxRuntime.jsx("path", { fill: "url(#vgsdk_svg__d)", d: "m24.94 10.11-.02 17.46-16.18 9.34v-7.47l9.76-5.6-.04-9.99 6.48-3.74Z" }), jsxRuntime.jsx("path", { fill: "url(#vgsdk_svg__e)", d: "m26.01 29.43 15.1 8.74-6.47 3.72-8.62-4.98-8.68 4.98-6.42-3.73 15.09-8.73Z" })] })] }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "vgsdk_svg__c", x1: 23.32, x2: 47.03, y1: 17.2, y2: 29.81, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#9CF" }), jsxRuntime.jsx("stop", { offset: 0.13, stopColor: "#7CA4CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsxRuntime.jsx("stop", { offset: 0.47, stopColor: "#3E5163" }), jsxRuntime.jsx("stop", { offset: 0.63, stopColor: "#29333D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#191E23" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgsdk_svg__d", x1: 12.98, x2: 24.83, y1: 21.46, y2: 27.75, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#9CF" }), jsxRuntime.jsx("stop", { offset: 0.13, stopColor: "#7CA4CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsxRuntime.jsx("stop", { offset: 0.47, stopColor: "#3E5163" }), jsxRuntime.jsx("stop", { offset: 0.63, stopColor: "#29333D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#191E23" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgsdk_svg__e", x1: 14.33, x2: 37.86, y1: 31.75, y2: 44.27, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#9CF" }), jsxRuntime.jsx("stop", { offset: 0.13, stopColor: "#7CA4CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsxRuntime.jsx("stop", { offset: 0.47, stopColor: "#3E5163" }), jsxRuntime.jsx("stop", { offset: 0.63, stopColor: "#29333D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#191E23" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsx("clipPath", { id: "vgsdk_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsxRuntime.jsx("clipPath", { id: "vgsdk_svg__b", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgVgsdk);

exports["default"] = Memo;