@nexusui/branding/VginlineViewer.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 SvgVginlineViewer = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "vginline-viewer_svg__g", x1: 8963.64, x2: 9060.7, y1: 506.54, y2: 689.09, gradientTransform: "matrix(-1 0 0 1 9577.3 204.51)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#9cf" }), jsx("stop", { offset: 0.13, stopColor: "#7ca4cd" }), jsx("stop", { offset: 0.3, stopColor: "#5a7793" }), jsx("stop", { offset: 0.47, stopColor: "#3e5163" }), jsx("stop", { offset: 0.63, stopColor: "#29333d" }), jsx("stop", { offset: 0.77, stopColor: "#191e23" }), jsx("stop", { offset: 0.9, stopColor: "#101112" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("linearGradient", { xlinkHref: "#vginline-viewer_svg__g", id: "vginline-viewer_svg__h", x1: 8937.76, x2: 9086.58, y1: 660.75, y2: 940.64 }), jsx("linearGradient", { xlinkHref: "#vginline-viewer_svg__g", id: "vginline-viewer_svg__i", x1: 8238.64, x2: 8387.46, y1: 1178.22, y2: 898.34, gradientTransform: "rotate(-180 4203.935 1021.745)" }), jsx("linearGradient", { xlinkHref: "#vginline-viewer_svg__g", id: "vginline-viewer_svg__j", x1: 8264.73, x2: 8361.58, y1: 1332.04, y2: 1149.89, gradientTransform: "rotate(-180 4203.935 1021.745)" }), jsx("linearGradient", { xlinkHref: "#vginline-viewer_svg__g", id: "vginline-viewer_svg__k", x1: 255.31, x2: 106.49, y1: 660.75, y2: 940.64, gradientTransform: "translate(149.38 204.51)" }), jsx("linearGradient", { xlinkHref: "#vginline-viewer_svg__g", id: "vginline-viewer_svg__l", x1: 255.31, x2: 106.49, y1: 254.99, y2: 534.87, gradientTransform: "translate(149.38 204.51)" }), jsx("linearGradient", { xlinkHref: "#vginline-viewer_svg__g", id: "vginline-viewer_svg__m", x1: 229.43, x2: 132.58, y1: 506.54, y2: 688.68, gradientTransform: "translate(149.38 204.51)" }), jsxs("linearGradient", { id: "vginline-viewer_svg__n", x1: 345.4, x2: 509.85, y1: 291.4, y2: 6.57, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.08, stopColor: "#92d2ed" }), jsx("stop", { offset: 0.17, stopColor: "#8cc9e3" }), jsx("stop", { offset: 0.31, stopColor: "#7db3ca" }), jsx("stop", { offset: 0.49, stopColor: "#648ea0" }), jsx("stop", { offset: 0.71, stopColor: "#425c66" }), jsx("stop", { offset: 0.95, stopColor: "#171c1e" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("linearGradient", { xlinkHref: "#vginline-viewer_svg__n", id: "vginline-viewer_svg__o", x1: 487.52, x2: 639.05, y1: 404.83, y2: 142.38 }), jsx("linearGradient", { xlinkHref: "#vginline-viewer_svg__n", id: "vginline-viewer_svg__p", x1: 629.84, x2: 788.59, y1: 545.15, y2: 270.19 }), jsx("clipPath", { id: "vginline-viewer_svg__f", children: jsx("path", { d: "M0 388h712v636H319.27C143.06 1024 0 880.94 0 704.73V388Z", style: {
                            fill: 'none',
                        } }) }), jsx("style", { children: '.vginline-viewer_svg__z{fill:#fff}.vginline-viewer_svg__ad{fill:#97d9f5}' })] }), jsx("path", { id: "vginline-viewer_svg__a", d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", className: "vginline-viewer_svg__z" }), jsxs("g", { id: "vginline-viewer_svg__e", children: [jsx("path", { d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", className: "vginline-viewer_svg__z" }), jsx("path", { d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", style: {
                        fill: '#97d9f5',
                        opacity: 0.16,
                    } }), jsxs("g", { style: {
                        clipPath: 'url(#vginline-viewer_svg__f)',
                    }, children: [jsx("path", { d: "m418.32 700.88 117.4 202.88h176.23L594.54 700.88H418.32zM535.72 903.76l-117.4 202.89 176.01-.4 117.62-202.49H535.72zM-52 1106.65 65.4 903.76h176.23l-117.4 202.89H-52zM65.4 903.76-52 700.88l176.01.4 117.62 202.48H65.4zM477.1 903.76l-117.4 202.89H183.47l117.4-202.89H477.1zM477.1 498 359.7 700.88H183.47L300.87 498H477.1z", className: "vginline-viewer_svg__ad" }), jsx("path", { d: "m359.7 700.88 117.4 202.88-176.01-.4-117.62-202.48H359.7z", className: "vginline-viewer_svg__ad" }), jsx("path", { d: "m418.32 700.88 117.4 202.88h176.23L594.54 700.88H418.32z", style: {
                                fill: 'url(#vginline-viewer_svg__g)',
                                opacity: 0.48,
                            } }), jsx("path", { d: "m535.72 903.76-117.4 202.89 176.01-.4 117.62-202.49H535.72z", style: {
                                fill: 'url(#vginline-viewer_svg__h)',
                                opacity: 0.48,
                            } }), jsx("path", { d: "M-52 1106.65 65.4 903.76h176.23l-117.4 202.89H-52z", style: {
                                fill: 'url(#vginline-viewer_svg__i)',
                                opacity: 0.48,
                            } }), jsx("path", { d: "M65.4 903.76-52 700.88l176.01.4 117.62 202.48H65.4z", style: {
                                fill: 'url(#vginline-viewer_svg__j)',
                                opacity: 0.48,
                            } }), jsx("path", { d: "m477.1 903.76-117.4 202.89H183.47l117.4-202.89H477.1z", style: {
                                opacity: 0.48,
                                fill: 'url(#vginline-viewer_svg__k)',
                            } }), jsx("path", { d: "M477.1 498 359.7 700.88H183.47L300.87 498H477.1z", style: {
                                fill: 'url(#vginline-viewer_svg__l)',
                                opacity: 0.48,
                            } }), jsx("path", { d: "m359.7 700.88 117.4 202.88-176.01-.4-117.62-202.48H359.7z", style: {
                                fill: 'url(#vginline-viewer_svg__m)',
                                opacity: 0.48,
                            } })] }), jsx("path", { d: "m364.73 142.11 44.72 143 44.46-143h33.8l-60.06 184.34h-37.96l-60.58-184.34h35.62Z", style: {
                        fill: 'url(#vginline-viewer_svg__n)',
                    } }), jsx("path", { d: "m715.73 142.11-36.92 184.34h-36.4l-37.7-127.66-36.92 127.66h-37.18l-37.44-184.34h33.02l25.74 135.2 38.48-132.34h29.64l37.7 132.34 26.26-135.2h31.72Z", style: {
                        fill: 'url(#vginline-viewer_svg__o)',
                    } }), jsx("path", { d: "M816.86 142.11c10.92 0 20.41 1.6 28.47 4.81 8.06 3.21 14.73 7.45 20.02 12.74 5.29 5.29 9.19 11.35 11.7 18.2s3.77 14 3.77 21.45c0 12.48-3.16 23.27-9.49 32.37-6.33 9.1-14.86 15.56-25.61 19.37l33.8 75.4H842.6l-29.9-69.68h-39.78v69.68h-33.8V142.11h77.74Zm-.26 84.5c9.88 0 17.46-2.43 22.75-7.28 5.29-4.85 7.93-11.7 7.93-20.54 0-7.45-2.6-13.87-7.8-19.24-5.2-5.37-12.74-8.06-22.62-8.06h-44.2v55.12h43.94Z", style: {
                        fill: 'url(#vginline-viewer_svg__p)',
                    } })] })] }));
const Memo = memo(SvgVginlineViewer);

export { Memo as default };