@nexusui/branding/Inspire.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 SvgInspire = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#inspire_svg__a)", children: [jsx("path", { fill: "#A6BEE2", d: "M0 16.25C0 7.275 7.275 0 16.25 0h19.5C44.725 0 52 7.275 52 16.25v19.5C52 44.725 44.725 52 35.75 52h-19.5C7.275 52 0 44.725 0 35.75v-19.5Z" }), jsx("path", { fill: "#0D0D0D", d: "M10.13 35.56 26 44.724l15.87-9.162L26 26.398 10.13 35.56Z" }), jsx("path", { fill: "url(#inspire_svg__b)", d: "M10.13 35.56 26 44.724l15.87-9.162L26 26.398 10.13 35.56Z", opacity: 0.64 }), jsx("path", { fill: "#0D0D0D", d: "M9.44 35.162 26 25.601l16.56 9.561L26 7.277 9.44 35.162Z" }), jsx("path", { fill: "url(#inspire_svg__c)", d: "M9.44 35.162 26 25.601V7.277L9.44 35.162Z", opacity: 0.08 }), jsx("path", { fill: "url(#inspire_svg__d)", d: "M26.006 25.613 42.58 35.15 25.98 7.288", opacity: 0.64 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "inspire_svg__b", x1: 13.628, x2: 38.372, y1: 28.982, y2: 42.139, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#1F2227", stopOpacity: 0.42 }), jsx("stop", { offset: 0.5, stopColor: "#616E82", stopOpacity: 0.7 }), jsx("stop", { offset: 1, stopColor: "#A6BEE2", stopOpacity: 0.99 })] }), jsxs("linearGradient", { id: "inspire_svg__c", x1: 15.564, x2: 27.205, y1: 20.073, y2: 26.263, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#151618", stopOpacity: 0.4 }), jsx("stop", { offset: 0.32, stopColor: "#3E4651", stopOpacity: 0.58 }), jsx("stop", { offset: 1, stopColor: "#9FB6D8", stopOpacity: 0.97 })] }), jsxs("linearGradient", { id: "inspire_svg__d", x1: 22.037, x2: 36.662, y1: 14.731, y2: 22.48, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0.4 }), jsx("stop", { offset: 0.04, stopColor: "#121315", stopOpacity: 0.42 }), jsx("stop", { offset: 0.51, stopColor: "#5E6B7E", stopOpacity: 0.72 }), jsx("stop", { offset: 0.85, stopColor: "#8EA2C1", stopOpacity: 0.91 }), jsx("stop", { offset: 1, stopColor: "#A1B8DB", stopOpacity: 0.98 })] }), jsx("clipPath", { id: "inspire_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgInspire);

export { Memo as default };