@nexusui/branding/Unical.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 SvgUnical = (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: "unical_svg__d", x1: 247.86, x2: 401.74, y1: 469.95, y2: 551.77, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 0.11, stopColor: "#7fb6cd" }), jsx("stop", { offset: 0.29, stopColor: "#5d8393" }), jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsx("stop", { offset: 0.62, stopColor: "#2a383d" }), jsx("stop", { offset: 0.77, stopColor: "#1a2023" }), jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("linearGradient", { xlinkHref: "#unical_svg__d", id: "unical_svg__e", x1: 384.44, x2: 730.62, y1: 663.57, y2: 847.63 }), jsx("linearGradient", { xlinkHref: "#unical_svg__d", id: "unical_svg__f", x1: 377.37, x2: 894.4, y1: 265.34, y2: 540.25 }), jsx("linearGradient", { xlinkHref: "#unical_svg__d", id: "unical_svg__g", x1: 461.15, x2: 606.77, y1: 536.46, y2: 613.88 }), jsx("style", { children: '.unical_svg__l{stroke-width:0;fill:#0d0d0d}' })] }), jsx("path", { id: "unical_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", style: {
                fill: '#fff',
                strokeWidth: 0,
            } }), jsxs("g", { id: "unical_svg__c", 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", style: {
                        fill: '#97d9f5',
                        strokeWidth: 0,
                    } }), jsx("path", { d: "M387.13 241.32 169 618.26l93.37 162.1 219.66-379.6-94.9-159.44zM384.99 677.2 293.82 834h436.64l90.79-156.8H384.99zM418.68 187.64l249.63 431.39h184.2L605.49 187.64H418.68z", className: "unical_svg__l" }), jsx("path", { d: "M387.13 241.32 169 618.26l93.37 162.1 219.66-379.6-94.9-159.44z", style: {
                        fill: 'url(#unical_svg__d)',
                        opacity: 0.48,
                        strokeWidth: 0,
                    } }), jsx("path", { d: "M384.99 677.2 293.82 834h436.64l90.79-156.8H384.99z", style: {
                        fill: 'url(#unical_svg__e)',
                        opacity: 0.48,
                        strokeWidth: 0,
                    } }), jsx("path", { d: "m418.68 187.64 249.63 431.39h184.2L605.49 187.64H418.68z", style: {
                        fill: 'url(#unical_svg__f)',
                        opacity: 0.48,
                        strokeWidth: 0,
                    } }), jsx("path", { d: "m510.66 456.87-93.41 162.16 187.01-.41-93.6-161.75z", className: "unical_svg__l" }), jsx("path", { d: "m510.66 456.87-93.41 162.16 187.01-.41-93.6-161.75z", style: {
                        opacity: 0.48,
                        strokeWidth: 0,
                        fill: 'url(#unical_svg__g)',
                    } })] })] }));
const Memo = memo(SvgUnical);

export { Memo as default };