@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.
8 lines (5 loc) • 6.16 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgVgstudio = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#vgstudio_svg__a)", children: [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" }), jsx("path", { fill: "#0D0D0D", d: "m26 12-7.2 4.2 7.2 4.2 7.2-4.2L26 12ZM26 23.2l-7.2 4.2 7.2 4.2 7.2-4.2-7.2-4.2ZM16.3 17.6l-7.2 4.2 7.2 4.2 7.3-4.2-7.3-4.2ZM35.6 17.6l-7.2 4.2 7.2 4.2 7.3-4.2-7.3-4.2Z" }), jsx("path", { fill: "url(#vgstudio_svg__b)", d: "m26 12-7.2 4.2 7.2 4.2 7.2-4.2L26 12Z", opacity: 0.5 }), jsx("path", { fill: "url(#vgstudio_svg__c)", d: "m26 23.2-7.2 4.2 7.2 4.2 7.2-4.2-7.2-4.2Z", opacity: 0.5 }), jsx("path", { fill: "url(#vgstudio_svg__d)", d: "m16.3 17.6-7.2 4.2 7.2 4.2 7.3-4.2-7.3-4.2Z", opacity: 0.5 }), jsx("path", { fill: "url(#vgstudio_svg__e)", d: "m35.6 17.6-7.2 4.2 7.2 4.2 7.3-4.2-7.3-4.2Z", opacity: 0.5 }), jsx("path", { fill: "#0D0D0D", d: "m9.1 21.8 7.2 4.2v8.4l-7.2-4.2v-8.4ZM18.7 27.4l7.3 4.2V40l-7.3-4.2v-8.4ZM42.9 21.8 35.6 26l.1 8.4 7.2-4.2v-8.4ZM33.3 27.4 26 31.6V40l7.3-4.2v-8.4Z" }), jsx("path", { fill: "url(#vgstudio_svg__f)", d: "m9.1 21.8 7.2 4.2v8.4l-7.2-4.2v-8.4Z", opacity: 0.5 }), jsx("path", { fill: "url(#vgstudio_svg__g)", d: "m18.7 27.4 7.3 4.2V40l-7.3-4.2v-8.4Z", opacity: 0.5 }), jsx("path", { fill: "url(#vgstudio_svg__h)", d: "M42.9 21.8 35.6 26l.1 8.4 7.2-4.2v-8.4Z", opacity: 0.5 }), jsx("path", { fill: "url(#vgstudio_svg__i)", d: "M33.3 27.4 26 31.6V40l7.3-4.2v-8.4Z", opacity: 0.5 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "vgstudio_svg__b", x1: 20.3, x2: 31.6, y1: 13.2, y2: 19.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: "vgstudio_svg__c", x1: 20.3, x2: 31.6, y1: 24.4, y2: 30.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: "vgstudio_svg__d", x1: 10.7, x2: 22, y1: 18.8, y2: 24.8, 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: "vgstudio_svg__e", x1: 30, x2: 41.3, y1: 18.8, y2: 24.8, 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: "vgstudio_svg__f", x1: 7.3, x2: 18.1, y1: 25.2, 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" })] }), jsxs("linearGradient", { id: "vgstudio_svg__g", x1: 16.9, x2: 27.8, y1: 30.8, y2: 36.6, 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: "vgstudio_svg__h", x1: 35.6, x2: 43, y1: 26.1, y2: 30.1, 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: "vgstudio_svg__i", x1: 25.9, x2: 33.3, y1: 31.7, y2: 35.6, 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: "vgstudio_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgVgstudio);
export { Memo as default };