@nexusui/branding/Metus.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 SvgMetus = (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: "metus_svg__a", x1: 520.69, x2: 828.97, y1: 302.53, y2: 466.44, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 1 })] }), jsx("linearGradient", { xlinkHref: "#metus_svg__a", id: "metus_svg__b", x1: 195.04, x2: 503.33, y1: 265.7, y2: 429.62 }), jsx("linearGradient", { xlinkHref: "#metus_svg__a", id: "metus_svg__c", x1: 423.17, x2: 600.84, y1: 318.84, y2: 413.31 }), jsx("linearGradient", { xlinkHref: "#metus_svg__a", id: "metus_svg__d", x1: 643.52, x2: 886.3, y1: 525.58, y2: 654.67 }), jsx("linearGradient", { xlinkHref: "#metus_svg__a", id: "metus_svg__e", x1: 460.46, x2: 691.49, y1: 563.78, y2: 686.62 }), jsx("linearGradient", { xlinkHref: "#metus_svg__a", id: "metus_svg__f", x1: 359.48, x2: 536.41, y1: 578.13, y2: 672.21 }), jsx("linearGradient", { xlinkHref: "#metus_svg__a", id: "metus_svg__g", x1: 81.35, x2: 436.77, y1: 495.24, y2: 684.22 })] }), jsx("path", { fill: "#fff", 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", "data-name": "Background - White" }), jsx("path", { fill: "#97d9f5", 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", "data-name": "Background - Lv3" }), jsxs("g", { "data-name": "[Place Icon Here - Standard Icon]", children: [jsxs("g", { fill: "#0d0d0d", children: [jsx("path", { d: "m526.25 292.06 128.19 74.01-128.19 74.02 113.95 65.78 242.14-139.8-242.14-139.8-113.95 65.79zM497.77 292.06l-113.95-65.79-242.15 139.8 242.14 139.8 113.96-65.78-128.2-74.02 128.2-74.01z" }), jsx("path", { d: "m625.96 366.07-113.95-65.79-113.95 65.79 113.95 65.8 113.95-65.8zM882.34 662.12v-279.6l-234.85 135.6v279.61l234.85-135.61zM519.55 452.66l112.86 65.17v279.9l-112.86-65.46V452.66zM504.47 452.66l-112.95 65.22v279.85l112.95-65.45V452.66zM376.44 518.07 141.67 381.78l-.01 279.6 234.78 136.3V518.07z" })] }), jsx("path", { fill: "url(#metus_svg__a)", d: "m526.25 292.06 128.19 74.01-128.19 74.02 113.95 65.78 242.14-139.8-242.14-139.8-113.95 65.79z", opacity: 0.48 }), jsx("path", { fill: "url(#metus_svg__b)", d: "m497.77 292.06-113.95-65.79-242.15 139.8 242.14 139.8 113.96-65.78-128.2-74.02 128.2-74.01z", opacity: 0.48 }), jsx("path", { fill: "url(#metus_svg__c)", d: "m625.96 366.07-113.95-65.79-113.95 65.79 113.95 65.8 113.95-65.8z", opacity: 0.48 }), jsx("path", { fill: "url(#metus_svg__d)", d: "M882.34 662.12v-279.6l-234.85 135.6v279.61l234.85-135.61z", opacity: 0.48 }), jsx("path", { fill: "url(#metus_svg__e)", d: "m519.55 452.66 112.86 65.17v279.9l-112.86-65.46V452.66z", opacity: 0.48 }), jsx("path", { fill: "url(#metus_svg__f)", d: "m504.47 452.66-112.95 65.22v279.85l112.95-65.45V452.66z", opacity: 0.48 }), jsx("path", { fill: "url(#metus_svg__g)", d: "M376.44 518.07 141.67 381.78l-.01 279.6 234.78 136.3V518.07z", opacity: 0.48 })] })] }));
const Memo = memo(SvgMetus);

export { Memo as default };