@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) • 4.26 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgVgmetrology = (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(#vgmetrology_svg__a)", children: jsxRuntime.jsxs("g", { clipPath: "url(#vgmetrology_svg__b)", children: [jsxRuntime.jsx("path", { fill: "#97D9F5", d: "M0 16.2C0 7.3 7.3 0 16.2 0h19.5c9 0 16.2 7.3 16.2 16.2v19.5c0 9-7.3 16.2-16.2 16.2H16.2C7.3 52 0 44.7 0 35.8V16.2Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M26 10.2v31.6l-7.4-4.3v-23l7.4-4.3ZM26 10.2v31.6l7.4-4.3v-23L26 10.2Z" }), jsxRuntime.jsx("path", { fill: "url(#vgmetrology_svg__c)", d: "M26 10.2v31.6l-7.4-4.3v-23l7.4-4.3Z", opacity: 0.5 }), jsxRuntime.jsx("path", { fill: "url(#vgmetrology_svg__d)", d: "M26 10.2v31.6l7.4-4.3v-23L26 10.2Z", opacity: 0.5 }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M16.1 16v20.1l-7.5-4.3V20.3l7.5-4.3ZM35.9 16v20.1l7.5-4.3V20.3L35.9 16Z" }), jsxRuntime.jsx("path", { fill: "url(#vgmetrology_svg__e)", d: "M16.1 16v20.1l-7.5-4.3V20.3l7.5-4.3Z", opacity: 0.5 }), jsxRuntime.jsx("path", { fill: "url(#vgmetrology_svg__f)", d: "M35.9 16v20.1l7.5-4.3V20.3L35.9 16Z", opacity: 0.5 })] }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "vgmetrology_svg__c", x1: 15.5, x2: 32.5, y1: 20.4, y2: 29.5, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#9CF" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#7CA4CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#3E5163" }), jsxRuntime.jsx("stop", { offset: 0.6, stopColor: "#29333D" }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#191E23" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgmetrology_svg__d", x1: 19.5, x2: 36.6, y1: 22.5, y2: 31.6, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#9CF" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#7CA4CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#3E5163" }), jsxRuntime.jsx("stop", { offset: 0.6, stopColor: "#29333D" }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#191E23" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgmetrology_svg__e", x1: 7.9, x2: 20.2, y1: 21.7, y2: 28.2, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#9CF" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#7CA4CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#3E5163" }), jsxRuntime.jsx("stop", { offset: 0.6, stopColor: "#29333D" }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#191E23" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgmetrology_svg__f", x1: 31.8, x2: 44.1, y1: 23.8, y2: 30.4, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#9CF" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#7CA4CD" }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#3E5163" }), jsxRuntime.jsx("stop", { offset: 0.6, stopColor: "#29333D" }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#191E23" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsx("clipPath", { id: "vgmetrology_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsxRuntime.jsx("clipPath", { id: "vgmetrology_svg__b", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgVgmetrology);
exports["default"] = Memo;