@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.
8 lines (5 loc) • 3.86 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgOptoCat = (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: "opto-cat_svg__a", x1: 423.21, x2: 600.8, y1: 464.79, y2: 559.21, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("linearGradient", { xlinkHref: "#opto-cat_svg__a", id: "opto-cat_svg__b", x1: 551.35, x2: 728.94, y1: 390.81, y2: 485.23 }), jsx("linearGradient", { xlinkHref: "#opto-cat_svg__a", id: "opto-cat_svg__c", x1: 423.21, x2: 600.8, y1: 316.82, y2: 411.25 }), jsx("linearGradient", { xlinkHref: "#opto-cat_svg__a", id: "opto-cat_svg__d", x1: 295.07, x2: 472.66, y1: 390.81, y2: 485.23 }), jsx("linearGradient", { xlinkHref: "#opto-cat_svg__a", id: "opto-cat_svg__e", x1: 295.07, x2: 472.66, y1: 538.77, y2: 633.19 }), jsx("linearGradient", { xlinkHref: "#opto-cat_svg__a", id: "opto-cat_svg__f", x1: 166.93, x2: 344.52, y1: 464.79, y2: 559.21 }), jsx("linearGradient", { xlinkHref: "#opto-cat_svg__a", id: "opto-cat_svg__g", x1: 423.21, x2: 600.8, y1: 612.75, y2: 707.17 }), jsx("linearGradient", { xlinkHref: "#opto-cat_svg__a", id: "opto-cat_svg__h", x1: 551.34, x2: 728.94, y1: 538.77, y2: 633.19 }), jsx("linearGradient", { xlinkHref: "#opto-cat_svg__a", id: "opto-cat_svg__i", x1: 679.48, x2: 857.07, y1: 464.79, y2: 559.21 })] }), 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: [jsx("path", { fill: "#0d0d0d", d: "M398.1 512 512 577.76 625.9 512 512 446.24 398.1 512zM526.24 438.02l113.9 65.76 113.9-65.76-113.9-65.76-113.9 65.76zM512 429.8l-113.9-65.76L512 298.28l113.9 65.76L512 429.8zM497.76 438.02l-113.9-65.76-113.9 65.76 113.9 65.76 113.9-65.76zM383.86 520.22l113.9 65.76-113.9 65.76-113.9-65.76 113.9-65.76zM369.62 512l-113.9 65.76L141.82 512l113.9-65.76L369.62 512zM512 594.2l-113.9 65.76L512 725.72l113.9-65.76L512 594.2zM526.24 585.98l113.9-65.76 113.9 65.76-113.9 65.76-113.9-65.76zM654.38 512l113.9-65.76L882.18 512l-113.9 65.76L654.38 512z" }), jsx("path", { fill: "url(#opto-cat_svg__a)", d: "m398.1 512 113.91 65.76L625.91 512l-113.9-65.76L398.1 512z", opacity: 0.48 }), jsx("path", { fill: "url(#opto-cat_svg__b)", d: "m526.24 438.02 113.9 65.76 113.9-65.76-113.9-65.76-113.9 65.76z", opacity: 0.48 }), jsx("path", { fill: "url(#opto-cat_svg__c)", d: "m512 429.8-113.9-65.76L512 298.28l113.91 65.76L512 429.8z", opacity: 0.48 }), jsx("path", { fill: "url(#opto-cat_svg__d)", d: "m497.77 438.02-113.9-65.76-113.9 65.76 113.89 65.76 113.91-65.76z", opacity: 0.48 }), jsx("path", { fill: "url(#opto-cat_svg__e)", d: "m383.87 520.22 113.9 65.76-113.9 65.76-113.91-65.76 113.91-65.76z", opacity: 0.48 }), jsx("path", { fill: "url(#opto-cat_svg__f)", d: "m369.63 512-113.91 65.76L141.82 512l113.91-65.76L369.63 512z", opacity: 0.48 }), jsx("path", { fill: "url(#opto-cat_svg__g)", d: "m512 594.2-113.9 65.76L512 725.72l113.9-65.76L512 594.2z", opacity: 0.48 }), jsx("path", { fill: "url(#opto-cat_svg__h)", d: "m526.24 585.98 113.9-65.76 113.9 65.76-113.9 65.76-113.9-65.76z", opacity: 0.48 }), jsx("path", { fill: "url(#opto-cat_svg__i)", d: "m654.38 512 113.9-65.76L882.18 512l-113.9 65.76L654.38 512z", opacity: 0.48 })] })] }));
const Memo = memo(SvgOptoCat);
export { Memo as default };