@nexusui/branding/SoleraMp.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 SvgSoleraMp = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#solera-mp_svg__a)", children: [jsx("path", { fill: "#8FB4EF", 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: "m17.24 20.364-6.76 11.705 4.256 7.37 8.761-15.173-8.76-15.174-2.003 3.468 4.505 7.804ZM14.987 39.873l2.002 3.469 6.758-11.706h13.517l4.255-7.37H23.998l-9.011 15.607ZM23.747 23.833H41.27l-2.002-3.469h-9.012L23.498 8.658h-8.51l8.76 15.175Z" }), jsx("path", { fill: "url(#solera-mp_svg__b)", d: "m17.24 20.364-6.76 11.705 4.256 7.37 8.761-15.173-8.76-15.174-2.003 3.468 4.505 7.804Z", opacity: 0.8 }), jsx("path", { fill: "url(#solera-mp_svg__c)", d: "m14.987 39.873 2.002 3.469 6.758-11.706h13.517l4.255-7.37H23.998l-9.011 15.607Z", opacity: 0.16 }), jsx("path", { fill: "url(#solera-mp_svg__d)", d: "M23.747 23.833H41.27l-2.002-3.469h-9.012L23.498 8.658h-8.51l8.76 15.175Z", opacity: 0.8 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "solera-mp_svg__b", x1: 8.323, x2: 21.566, y1: 20.856, y2: 27.897, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#8FB4EF" }), jsx("stop", { offset: 0.11, stopColor: "#8CB0EA", stopOpacity: 0.98 }), jsx("stop", { offset: 0.24, stopColor: "#84A6DC", stopOpacity: 0.92 }), jsx("stop", { offset: 0.38, stopColor: "#7795C6", stopOpacity: 0.82 }), jsx("stop", { offset: 0.52, stopColor: "#657EA6", stopOpacity: 0.68 }), jsx("stop", { offset: 0.67, stopColor: "#4D607D", stopOpacity: 0.5 }), jsx("stop", { offset: 0.83, stopColor: "#313B4C", stopOpacity: 0.28 }), jsx("stop", { offset: 0.99, stopColor: "#101112", stopOpacity: 0.03 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "solera-mp_svg__c", x1: 20.647, x2: 34.862, y1: 29.228, y2: 36.786, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#8FB4EF" }), jsx("stop", { offset: 0.03, stopColor: "#81A3D8", stopOpacity: 0.9 }), jsx("stop", { offset: 0.08, stopColor: "#6983AD", stopOpacity: 0.71 }), jsx("stop", { offset: 0.15, stopColor: "#536787", stopOpacity: 0.54 }), jsx("stop", { offset: 0.21, stopColor: "#404E66", stopOpacity: 0.39 }), jsx("stop", { offset: 0.29, stopColor: "#303A4A", stopOpacity: 0.27 }), jsx("stop", { offset: 0.37, stopColor: "#232933", stopOpacity: 0.17 }), jsx("stop", { offset: 0.46, stopColor: "#191C22", stopOpacity: 0.09 }), jsx("stop", { offset: 0.56, stopColor: "#121316", stopOpacity: 0.04 }), jsx("stop", { offset: 0.7, stopColor: "#0E0E0F", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "solera-mp_svg__d", x1: 13.745, x2: 40.525, y1: 10.994, y2: 25.232, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#8FB4EF" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "solera-mp_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgSoleraMp);

export { Memo as default };