@nexusui/branding/cjs/Emma.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.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var react = require('react');

const SvgEmma = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsxs("g", { clipPath: "url(#emma_svg__a)", children: [jsxRuntime.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" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m23.295 11.626 4.217-2.437a3.926 3.926 0 0 1 3.93 0l11.172 6.457-6.182 3.573-13.137-7.593ZM16.34 15.646l6.182-3.573 13.137 7.593-6.182 3.573-13.136-7.593ZM16.34 23.686l6.182-3.574 6.183 3.574-6.183 3.573-6.181-3.573ZM15.568 23.239l6.182-3.573-6.182-3.573-6.182 3.573 6.182 3.573Z" }), jsxRuntime.jsx("path", { fill: "url(#emma_svg__b)", d: "m23.295 11.626 4.217-2.437a3.926 3.926 0 0 1 3.93 0l11.172 6.457-6.182 3.573-13.137-7.593Z", opacity: 0.4 }), jsxRuntime.jsx("path", { fill: "url(#emma_svg__c)", d: "m16.34 15.646 6.182-3.573 13.137 7.593-6.182 3.573-13.136-7.593Z", opacity: 0.56 }), jsxRuntime.jsx("path", { fill: "url(#emma_svg__d)", d: "m16.34 23.686 6.182-3.574 6.183 3.574-6.183 3.573-6.181-3.573Z", opacity: 0.4 }), jsxRuntime.jsx("path", { fill: "url(#emma_svg__e)", d: "m15.568 23.239 6.182-3.573-6.182-3.573-6.182 3.573 6.182 3.573Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m14.795 23.686-6.182-3.573v13.102c0 1.29.688 2.481 1.803 3.126l4.38 2.531V23.686ZM15.568 24.132v15.186l6.955 4.02L41.68 32.264a3.415 3.415 0 0 0 1.706-2.957v-5.175l-13.91 8.04v-.893l13.91-8.04v-7.146l-20.864 12.06-6.954-4.02Z" }), jsxRuntime.jsx("path", { fill: "url(#emma_svg__f)", d: "m14.795 38.871-4.379-2.53a3.611 3.611 0 0 1-1.803-3.127V20.112l6.182 3.573v15.186Zm7.728-10.719-6.955-4.02v15.186l6.955 4.02", opacity: 0.72 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "emma_svg__b", x1: 24.573, x2: 41.3, y1: 9.224, y2: 18.118, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#8FB4EF" }), jsxRuntime.jsx("stop", { offset: 0.09, stopColor: "#89ACE5", stopOpacity: 0.96 }), jsxRuntime.jsx("stop", { offset: 0.25, stopColor: "#7A99CA", stopOpacity: 0.84 }), jsxRuntime.jsx("stop", { offset: 0.45, stopColor: "#6179A0", stopOpacity: 0.65 }), jsxRuntime.jsx("stop", { offset: 0.69, stopColor: "#3F4D64", stopOpacity: 0.39 }), jsxRuntime.jsx("stop", { offset: 0.96, stopColor: "#14161A", stopOpacity: 0.06 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "emma_svg__c", x1: 17.636, x2: 34.364, y1: 13.209, y2: 22.103, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#8FB4EF" }), jsxRuntime.jsx("stop", { offset: 0.13, stopColor: "#81A2D7", stopOpacity: 0.9 }), jsxRuntime.jsx("stop", { offset: 0.41, stopColor: "#5E759A", stopOpacity: 0.63 }), jsxRuntime.jsx("stop", { offset: 0.82, stopColor: "#272F3B", stopOpacity: 0.2 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "emma_svg__d", x1: 17.703, x2: 27.342, y1: 21.123, y2: 26.248, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#8FB4EF" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "emma_svg__e", x1: 10.749, x2: 22.47, y1: 17.104, y2: 23.335, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#8FB4EF" }), jsxRuntime.jsx("stop", { offset: 0.09, stopColor: "#89ACE5", stopOpacity: 0.96 }), jsxRuntime.jsx("stop", { offset: 0.24, stopColor: "#7A9ACB", stopOpacity: 0.84 }), jsxRuntime.jsx("stop", { offset: 0.44, stopColor: "#627BA2", stopOpacity: 0.66 }), jsxRuntime.jsx("stop", { offset: 0.67, stopColor: "#415068", stopOpacity: 0.4 }), jsxRuntime.jsx("stop", { offset: 0.94, stopColor: "#171A1F", stopOpacity: 0.08 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "emma_svg__f", x1: 5.333, x2: 25.803, y1: 26.283, y2: 37.168, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#8FB4EF" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#86A8DF", stopOpacity: 0.93 }), jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#6F8BB7", stopOpacity: 0.76 }), jsxRuntime.jsx("stop", { offset: 0.58, stopColor: "#4A5B77", stopOpacity: 0.47 }), jsxRuntime.jsx("stop", { offset: 0.93, stopColor: "#171A1F", stopOpacity: 0.08 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "emma_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgEmma);

exports["default"] = Memo;