@nexusui/branding/Vgtrainer.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 SvgVgtrainer = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsx("g", { clipPath: "url(#vgtrainer_svg__a)", children: jsxs("g", { clipPath: "url(#vgtrainer_svg__b)", children: [jsx("path", { fill: "#97D9F5", d: "M-2 15.2C-2 6.3 5.3-1 14.2-1h19.5c9 0 16.2 7.3 16.2 16.2v19.5c0 9-7.3 16.2-16.2 16.2H14.2C5.3 51-2 43.7-2 34.8V15.2Z" }), jsx("path", { fill: "#0D0D0D", d: "M7.2 33.7h37.6l-10.7-6.1H18L7.2 33.7Z" }), jsx("path", { fill: "#0D0D0D", d: "M7.2 36.9v-3.2h37.6v3.2H7.2Z" }), jsx("path", { fill: "url(#vgtrainer_svg__c)", d: "M7.2 36.9v-3.2h37.6v3.2H7.2Z", opacity: 0.5 }), jsx("path", { fill: "#0D0D0D", d: "M7.2 27.5h37.6l-10.7-6.1H18L7.2 27.5ZM7.2 30.6v-3.1h37.6v3.1H7.2Z" }), jsx("path", { fill: "url(#vgtrainer_svg__d)", d: "M7.2 30.6v-3.1h37.6v3.1H7.2Z", opacity: 0.5 }), jsx("path", { fill: "#0D0D0D", d: "M7.2 21.3h37.6l-10.7-6.2H18L7.2 21.3Z" }), jsx("path", { fill: "#0D0D0D", d: "M7.2 24.4v-3.1h37.6v3.1H7.2Z" }), jsx("path", { fill: "url(#vgtrainer_svg__e)", d: "M7.2 24.4v-3.1h37.6v3.1H7.2Z", opacity: 0.5 })] }) }), jsxs("defs", { children: [jsxs("linearGradient", { id: "vgtrainer_svg__c", x1: 10.7, x2: 41.3, y1: 27.2, y2: 43.4, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#9CF" }), jsx("stop", { offset: 0.1, stopColor: "#7CA4CD" }), jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsx("stop", { offset: 0.5, stopColor: "#3E5163" }), jsx("stop", { offset: 0.6, stopColor: "#29333D" }), jsx("stop", { offset: 0.8, stopColor: "#191E23" }), jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "vgtrainer_svg__d", x1: 10.7, x2: 41.3, y1: 21, y2: 37.2, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#9CF" }), jsx("stop", { offset: 0.1, stopColor: "#7CA4CD" }), jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsx("stop", { offset: 0.5, stopColor: "#3E5163" }), jsx("stop", { offset: 0.6, stopColor: "#29333D" }), jsx("stop", { offset: 0.8, stopColor: "#191E23" }), jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "vgtrainer_svg__e", x1: 0, x2: 1, y1: 14.8, y2: 31, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#9CF" }), jsx("stop", { offset: 0.1, stopColor: "#7CA4CD" }), jsx("stop", { offset: 0.3, stopColor: "#5A7793" }), jsx("stop", { offset: 0.5, stopColor: "#3E5163" }), jsx("stop", { offset: 0.6, stopColor: "#29333D" }), jsx("stop", { offset: 0.8, stopColor: "#191E23" }), jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsx("clipPath", { id: "vgtrainer_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsx("clipPath", { id: "vgtrainer_svg__b", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgVgtrainer);

export { Memo as default };