UNPKG

@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.

polite-stone-0cd5ef903.1.azurestaticapps.net

50 lines (47 loc) • 10.4 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import { jsxs, jsx } from 'react/jsx-runtime'; import { memo } from 'react'; const SvgVginlineWorker = (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-worker_svg__linear-gradient", x1: 8789.6, x2: 8886.7, y1: 517.5, y2: 334.9, gradientTransform: "rotate(-180 4701.65 614.25)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, 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: "vginline-worker_svg__linear-gradient-2", x1: 8763.8, x2: 8912.6, y1: 363.2, y2: 83.4, gradientTransform: "rotate(-180 4701.65 614.25)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, 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: "vginline-worker_svg__linear-gradient-3", x1: 8064.6, x2: 8213.5, y1: -514.2, y2: -234.3, gradientTransform: "matrix(-1 0 0 1 8233.9 1379.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, 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: "vginline-worker_svg__linear-gradient-4", x1: 8090.7, x2: 8187.6, y1: -668, y2: -485.9, gradientTransform: "matrix(-1 0 0 1 8233.9 1379.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, 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: "vginline-worker_svg__linear-gradient-5", x1: 255.3, x2: 106.5, y1: 363.2, y2: 83.4, gradientTransform: "matrix(1 0 0 -1 149.4 1228.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, 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: "vginline-worker_svg__linear-gradient-6", x1: 255.3, x2: 106.5, y1: 769, y2: 489.1, gradientTransform: "matrix(1 0 0 -1 149.4 1228.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, 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: "vginline-worker_svg__linear-gradient-7", x1: 229.4, x2: 132.6, y1: 517.5, y2: 335.3, gradientTransform: "matrix(1 0 0 -1 149.4 1228.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, 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: "vginline-worker_svg__linear-gradient-8", x1: 373.4, x2: 490.3, y1: 713.4, y2: 915.8, gradientTransform: "matrix(1 0 0 -1 0 1024)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#9cf" }), jsx("stop", { offset: 0, stopColor: "#94c6f7" }), jsx("stop", { offset: 0.2, stopColor: "#6c8eb1" }), jsx("stop", { offset: 0.4, stopColor: "#4a6076" }), jsx("stop", { offset: 0.6, stopColor: "#2f3c49" }), jsx("stop", { offset: 0.8, stopColor: "#1c2228" }), jsx("stop", { offset: 0.9, stopColor: "#111214" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("linearGradient", { xlinkHref: "#vginline-worker_svg__linear-gradient-8", id: "vginline-worker_svg__linear-gradient-9", x1: 540.9, x2: 657.8, y1: 616.7, y2: 819.1 }), jsx("linearGradient", { xlinkHref: "#vginline-worker_svg__linear-gradient-8", id: "vginline-worker_svg__linear-gradient-10", x1: 674.4, x2: 791.3, y1: 539.6, y2: 742 }), jsx("clipPath", { id: "vginline-worker_svg__clippath", children: jsx("path", { d: "M0 388h712v636H319.3C143.1 1024 0 880.9 0 704.7V388Z", style: { fill: 'none', } }) }), jsx("style", { children: '.vginline-worker_svg__cls-9{fill:#97d9f5}.vginline-worker_svg__cls-11{fill:#fff}' })] }), jsxs("g", { id: "vginline-worker_svg__Layer_1", children: [jsx("path", { id: "vginline-worker_svg__a", d: "M0 320C0 143.3 143.3 0 320 0h384c176.7 0 320 143.3 320 320v384c0 176.7-143.3 320-320 320H320C143.3 1024 0 880.7 0 704V320Z", className: "vginline-worker_svg__cls-11" }), jsx("path", { d: "M0 320C0 143.3 143.3 0 320 0h384c176.7 0 320 143.3 320 320v384c0 176.7-143.3 320-320 320H320C143.3 1024 0 880.7 0 704V320Z", className: "vginline-worker_svg__cls-11" }), jsx("path", { d: "M0 320C0 143.3 143.3 0 320 0h384c176.7 0 320 143.3 320 320v384c0 176.7-143.3 320-320 320H320C143.3 1024 0 880.7 0 704V320Z", style: { fill: '#97d9f5', isolation: 'isolate', opacity: 0.2, } }), jsxs("g", { style: { clipPath: 'url(#vginline-worker_svg__clippath)', }, children: [jsx("path", { d: "m418.3 700.9 117.4 202.9H712L594.5 700.9H418.3zM535.7 903.8l-117.4 202.9 176-.5L712 903.8H535.7zM-52 1106.7 65.4 903.8h176.2l-117.4 202.9H-52zM65.4 903.8-52 700.9l176 .4 117.6 202.5H65.4zM477.1 903.8l-117.4 202.9H183.5l117.4-202.9h176.2zM477.1 498 359.7 700.9H183.5L300.9 498h176.2z", className: "vginline-worker_svg__cls-9" }), jsx("path", { d: "m359.7 700.9 117.4 202.9-176-.4-117.6-202.5h176.2z", className: "vginline-worker_svg__cls-9" }), jsx("path", { d: "m418.3 700.9 117.4 202.9H712L594.5 700.9H418.3z", style: { fill: 'url(#vginline-worker_svg__linear-gradient)', opacity: 0.5, isolation: 'isolate', } }), jsx("path", { d: "m535.7 903.8-117.4 202.9 176-.5L712 903.8H535.7z", style: { fill: 'url(#vginline-worker_svg__linear-gradient-2)', opacity: 0.5, isolation: 'isolate', } }), jsx("path", { d: "M-52 1106.7 65.4 903.8h176.2l-117.4 202.9H-52z", style: { opacity: 0.5, fill: 'url(#vginline-worker_svg__linear-gradient-3)', isolation: 'isolate', } }), jsx("path", { d: "M65.4 903.8-52 700.9l176 .4 117.6 202.5H65.4z", style: { fill: 'url(#vginline-worker_svg__linear-gradient-4)', opacity: 0.5, isolation: 'isolate', } }), jsx("path", { d: "m477.1 903.8-117.4 202.9H183.5l117.4-202.9h176.2z", style: { fill: 'url(#vginline-worker_svg__linear-gradient-5)', opacity: 0.5, isolation: 'isolate', } }), jsx("path", { d: "M477.1 498 359.7 700.9H183.5L300.9 498h176.2z", style: { fill: 'url(#vginline-worker_svg__linear-gradient-6)', opacity: 0.5, isolation: 'isolate', } }), jsx("path", { d: "m359.7 700.9 117.4 202.9-176-.4-117.6-202.5h176.2z", style: { fill: 'url(#vginline-worker_svg__linear-gradient-7)', opacity: 0.5, isolation: 'isolate', } })] }), jsx("path", { d: "m547.2 142.1-36.9 184.3h-36.4l-37.7-127.7-36.9 127.7h-37.2l-37.4-184.3h33l25.7 135.2L421.9 145h29.6l37.7 132.3 26.3-135.2h31.7Z", style: { fill: 'url(#vginline-worker_svg__linear-gradient-8)', } }), jsx("path", { d: "M648.4 142.1c10.9 0 20.4 1.6 28.5 4.8 8.1 3.2 14.7 7.4 20 12.7 5.3 5.3 9.2 11.4 11.7 18.2 2.5 6.9 3.8 14 3.8 21.4 0 12.5-3.2 23.3-9.5 32.4-6.3 9.1-14.9 15.6-25.6 19.4l33.8 75.4h-36.9l-29.9-69.7h-39.8v69.7h-33.8V142.1h77.7Zm-.3 84.5c9.9 0 17.5-2.4 22.8-7.3s7.9-11.7 7.9-20.5-2.6-13.9-7.8-19.2c-5.2-5.4-12.7-8.1-22.6-8.1h-44.2v55.1h43.9Z", style: { fill: 'url(#vginline-worker_svg__linear-gradient-9)', } }), jsx("path", { d: "M743.3 142.1h33.5v88.4l73.8-88.4h42.6l-66.3 76.7 67.3 107.6h-39.8L804 244.2l-27.3 31.5v50.7h-33.5V142.1Z", style: { fill: 'url(#vginline-worker_svg__linear-gradient-10)', } })] })] })); const Memo = memo(SvgVginlineWorker); export { Memo as default };