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) • 11.9 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 SvgVginlineController = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "vginline-controller_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-controller_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-controller_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-controller_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-controller_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-controller_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-controller_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-controller_svg__linear-gradient-8", x1: 448.2, x2: 544.2, y1: 722.1, y2: 888.4, 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" })] }), jsxs("linearGradient", { id: "vginline-controller_svg__linear-gradient-9", x1: 543.2, x2: 639.2, y1: 667.3, y2: 833.6, 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" })] }), jsxs("linearGradient", { id: "vginline-controller_svg__linear-gradient-10", x1: 689.8, x2: 785.8, y1: 582.6, y2: 748.9, 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("clipPath", { id: "vginline-controller_svg__clippath", children: jsx("path", { d: "M0 388h712v636H319.3C143.1 1024 0 880.9 0 704.7V388Z", style: { fill: 'none', } }) }), jsx("style", { children: '.vginline-controller_svg__cls-9{fill:#97d9f5}.vginline-controller_svg__cls-11{fill:#fff}' })] }), jsxs("g", { id: "vginline-controller_svg__Layer_1", children: [jsx("path", { id: "vginline-controller_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-controller_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-controller_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-controller_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-controller_svg__cls-9" }), jsx("path", { d: "m359.7 700.9 117.4 202.9-176-.4-117.6-202.5h176.2z", className: "vginline-controller_svg__cls-9" }), jsx("path", { d: "m418.3 700.9 117.4 202.9H712L594.5 700.9H418.3z", style: { fill: 'url(#vginline-controller_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-controller_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-controller_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-controller_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-controller_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-controller_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-controller_svg__linear-gradient-7)', opacity: 0.5, isolation: 'isolate', } })] }), jsx("path", { d: "M489 330.1c-10.6 0-20.5-1.6-29.8-4.8s-17.5-8.5-24.8-15.7c-9.9-10-16.6-21.3-20.1-33.8-3.5-12.5-5.3-26.4-5.3-41.6s1.8-29.1 5.3-41.5 10.4-23.6 20.4-33.7c7.3-7.3 15.6-12.5 24.8-15.7 9.3-3.2 19.1-4.8 29.5-4.8s19.1 1.6 27.6 4.8c8.5 3.2 16 7.8 22.4 13.6s11.5 12.9 15.3 20.9 6.1 16.9 6.8 26.6h-34.3c-.9-11.3-4.7-20-11.4-26.3-6.8-6.2-15.9-9.4-27.3-9.4s-11.4 1-16.6 3.1-9.6 5.1-13.3 9.1c-6.1 6.6-10.1 14.1-12.1 22.6-2 8.5-3 18.6-3 30.4s1 22 3 30.6c2 8.6 6 16.2 12.1 22.8 7.6 8.1 17.6 12.2 29.9 12.2s19.8-3.1 26.5-9.2c6.8-6.1 10.8-14.8 12.2-25.9h34.3c-1 10-3.6 19.1-7.7 27.2s-9.3 15-15.7 20.7c-6.4 5.7-13.8 10.1-22.1 13.1s-17.2 4.5-26.5 4.5Z", style: { fill: 'url(#vginline-controller_svg__linear-gradient-8)', } }), jsx("path", { d: "M568.6 173.3v-31.2h147.9v31.2h-57.2v153.1h-33.5V173.3h-57.2Z", style: { fill: 'url(#vginline-controller_svg__linear-gradient-9)', } }), jsx("path", { d: "M816.9 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.7H773v69.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-controller_svg__linear-gradient-10)', } })] })] })); const Memo = memo(SvgVginlineController); export { Memo as default };