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.

14 lines (9 loc) 10.7 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var jsxRuntime = require('react/jsx-runtime'); var react = require('react'); const SvgVgstudioMaxRcs = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsx("g", { clipPath: "url(#vgstudio-max-rcs_svg__a)", children: jsxRuntime.jsxs("g", { clipPath: "url(#vgstudio-max-rcs_svg__b)", children: [jsxRuntime.jsx("path", { fill: "#fff", d: "M0 16.25C0 7.28 7.28 0 16.25 0h19.5C44.72 0 52 7.28 52 16.25v19.5C52 44.72 44.72 52 35.75 52h-19.5C7.28 52 0 44.72 0 35.75v-19.5Z" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M0 16.25C0 7.28 7.28 0 16.25 0h19.5C44.72 0 52 7.28 52 16.25v19.5C52 44.72 44.72 52 35.75 52h-19.5C7.28 52 0 44.72 0 35.75v-19.5Z" }), jsxRuntime.jsx("path", { fill: "#97D9F5", d: "M0 16.25C0 7.28 7.28 0 16.25 0h19.5C44.72 0 52 7.28 52 16.25v19.5C52 44.72 44.72 52 35.75 52h-19.5C7.28 52 0 44.72 0 35.75v-19.5Z", opacity: 0.16 }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__c)", d: "M24.62 7.22c.55 0 1.04.08 1.45.24.41.16.75.38 1.02.65s.47.58.59.92c.13.35.19.71.19 1.09 0 .63-.16 1.18-.48 1.64-.32.46-.75.79-1.3.98l1.72 3.83h-1.87l-1.52-3.54H22.4v3.54h-1.72V7.22h3.95-.01Zm-.02 4.29c.5 0 .89-.12 1.16-.37.27-.25.4-.59.4-1.04 0-.38-.13-.7-.4-.98-.26-.27-.65-.41-1.15-.41h-2.24v2.8h2.23Z" }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__d)", d: "M33 16.76c-.54 0-1.04-.08-1.51-.24-.47-.16-.89-.43-1.26-.8-.5-.51-.84-1.08-1.02-1.72-.18-.63-.27-1.34-.27-2.11 0-.77.09-1.48.27-2.11.18-.63.53-1.2 1.04-1.71.37-.37.79-.64 1.26-.8.47-.16.97-.24 1.5-.24s.97.08 1.4.24c.43.16.81.39 1.14.69.33.3.59.65.78 1.06.19.41.31.86.34 1.35h-1.74c-.04-.57-.24-1.02-.58-1.33-.34-.32-.81-.48-1.39-.48-.3 0-.58.05-.85.16-.26.11-.49.26-.67.46-.31.33-.51.72-.61 1.15-.1.43-.15.95-.15 1.54 0 .59.05 1.12.15 1.55.1.44.31.82.61 1.16.39.41.89.62 1.52.62.55 0 1-.16 1.35-.47.34-.31.55-.75.62-1.31h1.74c-.05.51-.18.97-.39 1.38-.21.41-.47.76-.8 1.05-.33.29-.7.51-1.12.67-.42.15-.87.23-1.35.23l-.01.01Z" }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__e)", d: "M41.2 16.76c-.53 0-1.02-.07-1.49-.22s-.86-.35-1.2-.63a2.847 2.847 0 0 1-1.09-2.3h1.77c0 .26.05.49.16.69.11.21.25.38.43.53.18.15.39.26.64.34.25.08.51.12.81.12.58 0 1.06-.11 1.43-.34.37-.23.56-.58.56-1.06 0-.33-.12-.59-.36-.76-.24-.17-.52-.28-.85-.34l-1.8-.29c-.77-.12-1.39-.4-1.86-.82-.46-.42-.69-1.01-.69-1.77 0-.42.1-.81.3-1.16.2-.35.46-.66.79-.92s.71-.46 1.14-.6c.43-.14.87-.21 1.34-.21.47 0 .94.07 1.37.21.43.14.8.34 1.12.59.32.26.58.56.77.92.19.36.29.75.3 1.18h-1.74c0-.22-.06-.42-.16-.6s-.23-.33-.39-.46-.35-.22-.57-.29c-.22-.07-.46-.1-.71-.1-.24 0-.47.03-.69.08-.22.05-.42.13-.59.24-.17.11-.31.25-.41.42-.1.17-.15.36-.15.58 0 .28.11.51.32.69.21.18.48.3.82.35l1.74.28c.38.06.73.16 1.06.3.33.14.61.32.85.54.24.22.42.49.56.79.14.3.2.65.2 1.05 0 .47-.1.88-.3 1.25-.2.37-.46.68-.8.93-.33.26-.73.45-1.19.58-.46.13-.94.2-1.45.2l.01.01Z" }), jsxRuntime.jsx("mask", { id: "vgstudio-max-rcs_svg__f", width: 37, height: 33, x: 0, y: 19, maskUnits: "userSpaceOnUse", style: { maskType: 'luminance', }, children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 19.7h36.16V52H16.22C7.26 52 0 44.74 0 35.79V19.7Z" }) }), jsxRuntime.jsxs("g", { mask: "url(#vgstudio-max-rcs_svg__f)", children: [jsxRuntime.jsx("path", { fill: "#97D9F5", d: "m11.85 25.17-8.92 5.15 8.92 5.16 8.95-5.15-8.95-5.16ZM11.85 38.93l-8.92 5.16 8.92 5.15 8.95-5.15-8.95-5.16ZM-.07 32.05l-8.91 5.16 8.91 5.16 8.96-5.16-8.96-5.16ZM23.75 32.07l-8.91 5.15 8.91 5.16 8.96-5.16-8.96-5.15ZM-8.98 40.67-8.99 51l20.84 12.04.02-10.31-20.85-12.06ZM32.72 40.67 32.73 51 11.89 63.04l-.02-10.31 20.85-12.06Z" }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__g)", d: "m11.85 25.17-8.92 5.15 8.92 5.16 8.95-5.15-8.95-5.16Z", opacity: 0.48 }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__h)", d: "m11.85 38.93-8.92 5.16 8.92 5.15 8.95-5.15-8.95-5.16Z", opacity: 0.48 }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__i)", d: "m-.07 32.05-8.91 5.16 8.91 5.16 8.96-5.16-8.96-5.16Z", opacity: 0.48 }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__j)", d: "m23.75 32.07-8.91 5.15 8.91 5.16 8.96-5.16-8.96-5.15Z", opacity: 0.48 }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__k)", d: "M-8.98 40.67-8.99 51l20.84 12.04.02-10.31-20.85-12.06Z", opacity: 0.48 }), jsxRuntime.jsx("path", { fill: "url(#vgstudio-max-rcs_svg__l)", d: "M32.72 40.67 32.73 51 11.89 63.04l-.02-10.31 20.85-12.06Z", opacity: 0.48 })] })] }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__c", x1: 20.85, x2: 27.49, y1: 17.75, y2: 6.26, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { offset: 0.08, stopColor: "#92D2ED" }), jsxRuntime.jsx("stop", { offset: 0.17, stopColor: "#8CC9E3" }), jsxRuntime.jsx("stop", { offset: 0.31, stopColor: "#7DB3CA" }), jsxRuntime.jsx("stop", { offset: 0.49, stopColor: "#648EA0" }), jsxRuntime.jsx("stop", { offset: 0.71, stopColor: "#425C66" }), jsxRuntime.jsx("stop", { offset: 0.95, stopColor: "#171C1E" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__d", x1: 26.08, x2: 32.89, y1: 23.72, y2: 11.93, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { offset: 0.08, stopColor: "#92D2ED" }), jsxRuntime.jsx("stop", { offset: 0.17, stopColor: "#8CC9E3" }), jsxRuntime.jsx("stop", { offset: 0.31, stopColor: "#7DB3CA" }), jsxRuntime.jsx("stop", { offset: 0.49, stopColor: "#648EA0" }), jsxRuntime.jsx("stop", { offset: 0.71, stopColor: "#425C66" }), jsxRuntime.jsx("stop", { offset: 0.95, stopColor: "#171C1E" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__e", x1: 31.4, x2: 38.14, y1: 29.06, y2: 17.4, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { offset: 0.08, stopColor: "#92D2ED" }), jsxRuntime.jsx("stop", { offset: 0.17, stopColor: "#8CC9E3" }), jsxRuntime.jsx("stop", { offset: 0.31, stopColor: "#7DB3CA" }), jsxRuntime.jsx("stop", { offset: 0.49, stopColor: "#648EA0" }), jsxRuntime.jsx("stop", { offset: 0.71, stopColor: "#425C66" }), jsxRuntime.jsx("stop", { offset: 0.95, stopColor: "#171C1E" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__g", x1: 4.9, x2: 18.83, y1: 26.63, y2: 34.04, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.11, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.29, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.62, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__h", x1: 4.9, x2: 18.83, y1: 40.39, y2: 47.8, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.11, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.29, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.62, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__i", x1: -7.02, x2: 6.91, y1: 33.51, y2: 40.92, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.11, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.29, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.62, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__j", x1: 16.8, x2: 30.73, y1: 33.53, y2: 40.94, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.11, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.29, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.62, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__k", x1: -11.32, x2: 14.19, y1: 45.07, y2: 58.63, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.11, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.29, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.62, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsxs("linearGradient", { id: "vgstudio-max-rcs_svg__l", x1: 14.53, x2: 30.08, y1: 47.72, y2: 55.98, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.11, stopColor: "#7FB6CD" }), jsxRuntime.jsx("stop", { offset: 0.29, stopColor: "#5D8393" }), jsxRuntime.jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsxRuntime.jsx("stop", { offset: 0.62, stopColor: "#2A383D" }), jsxRuntime.jsx("stop", { offset: 0.77, stopColor: "#1A2023" }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxRuntime.jsx("clipPath", { id: "vgstudio-max-rcs_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsxRuntime.jsx("clipPath", { id: "vgstudio-max-rcs_svg__b", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] })); const Memo = react.memo(SvgVgstudioMaxRcs); exports["default"] = Memo;