@nexusui/branding/OptivScope.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 SvgOptivScope = (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: "optiv-scope_svg__linear-gradient", x1: 323.13, x2: 703.37, y1: 716.17, y2: 918.34, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 0.06, stopColor: "#80b9d1" }), jsx("stop", { offset: 0.15, stopColor: "#628ea0" }), jsx("stop", { offset: 0.25, stopColor: "#486875" }), jsx("stop", { offset: 0.35, stopColor: "#324751" }), jsx("stop", { offset: 0.46, stopColor: "#1f2d33" }), jsx("stop", { offset: 0.57, stopColor: "#11191c" }), jsx("stop", { offset: 0.69, stopColor: "#070b0c" }), jsx("stop", { offset: 0.82, stopColor: "#010203" }), jsx("stop", { offset: 1 })] }), jsx("linearGradient", { xlinkHref: "#optiv-scope_svg__linear-gradient", id: "optiv-scope_svg__linear-gradient-2", x1: 320.63, x2: 700.87, y1: 107.28, y2: 309.45 }), jsx("linearGradient", { xlinkHref: "#optiv-scope_svg__linear-gradient", id: "optiv-scope_svg__linear-gradient-3", x1: 280.58, x2: 748.42, y1: 614.46, y2: 863.21 }), jsx("linearGradient", { xlinkHref: "#optiv-scope_svg__linear-gradient", id: "optiv-scope_svg__linear-gradient-4", x1: 275.56, x2: 743.41, y1: 163.16, y2: 411.92 }), jsx("style", { children: '.optiv-scope_svg__cls-5{fill:#0d0d0d}' })] }), jsx("path", { id: "optiv-scope_svg__Background_-_White", 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: '#fff',
            } }), jsx("path", { id: "optiv-scope_svg__Background_-_Lv3", 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',
            } }), jsxs("g", { id: "optiv-scope_svg__OS2", children: [jsx("path", { d: "M512 678.83 268.13 819.61l110.84 64.01L512 806.81l133 76.81 110.87-64.01L512 678.83zM512 346.79 268.13 206.01 378.97 142 512 218.81 645.01 142l110.86 64.01L512 346.79z", className: "optiv-scope_svg__cls-5" }), jsx("path", { d: "m512 525.98-266.04 153.6v128L512 654l266 153.58V679.6L512 525.98zM511.97 500.38l266.07-153.59V218.81l-266.07 153.6-266-153.6v127.97l266 153.6z", className: "optiv-scope_svg__cls-5" }), jsx("path", { d: "M512 678.83 268.13 819.61l110.84 64.01L512 806.81l133 76.81 110.87-64.01L512 678.83z", style: {
                        opacity: 0.24,
                        fill: 'url(#optiv-scope_svg__linear-gradient)',
                    } }), jsx("path", { d: "M512 346.79 268.13 206.01 378.97 142 512 218.81 645.01 142l110.86 64.01L512 346.79z", style: {
                        fill: 'url(#optiv-scope_svg__linear-gradient-2)',
                        opacity: 0.48,
                    } }), jsx("path", { d: "m512 525.98-266.04 153.6v128L512 654l266 153.58V679.6L512 525.98z", style: {
                        fill: 'url(#optiv-scope_svg__linear-gradient-3)',
                        opacity: 0.24,
                    } }), jsx("path", { d: "m511.97 500.38 266.07-153.59V218.81l-266.07 153.6-266-153.6v127.97l266 153.6z", style: {
                        opacity: 0.48,
                        fill: 'url(#optiv-scope_svg__linear-gradient-4)',
                    } }), jsx("path", { d: "M512 678.83v127.98l133 76.81 110.87-64.01L512 678.83zM512 218.81 645.01 142l110.86 64.01L512 346.79V218.81zM512 525.98V654l266 153.58V679.6L512 525.98zM511.97 500.38l266.07-153.59V218.81l-266.07 153.6v127.97z", className: "optiv-scope_svg__cls-5" })] })] }));
const Memo = memo(SvgOptivScope);

export { Memo as default };