@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.
12 lines (7 loc) • 5.11 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgMaterialsConnect = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 50 50", ...props, children: [jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__a)", d: "M0 15.625C0 6.997 6.997 0 15.625 0h18.75C43.003 0 50 6.997 50 15.625v18.75C50 43.003 43.003 50 34.375 50h-18.75C6.997 50 0 43.003 0 34.375v-18.75Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m15.95 24.847-8.04-4.642v9.284l8.04-4.642ZM16.956 24.267v-9.284l8.04 4.642-8.04 4.642ZM35.047 14.983l-8.04 4.642 8.04 4.642v-9.284ZM44.092 20.206v9.284l-8.04-4.642 8.04-4.642ZM17.96 35.292h16.081l-8.04-4.642-8.04 4.642ZM8.915 30.12h16.081l-8.04-4.642-8.041 4.642ZM27.006 30.12h16.081l-8.04-4.642-8.04 4.642ZM17.96 24.844h16.081l-8.04-4.643-8.04 4.643Z" }), jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__b)", d: "m15.95 24.847-8.04-4.642v9.284l8.04-4.642Z", opacity: 0.64 }), jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__c)", d: "M16.956 24.267v-9.284l8.04 4.642-8.04 4.642Z", opacity: 0.64 }), jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__d)", d: "m35.047 14.983-8.04 4.642 8.04 4.642v-9.284Z", opacity: 0.56 }), jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__e)", d: "M44.092 20.206v9.284l-8.04-4.642 8.04-4.642Z", opacity: 0.32 }), jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__f)", d: "M17.96 35.292h16.081l-8.04-4.642-8.04 4.642Z", opacity: 0.32 }), jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__g)", d: "M8.915 30.12h16.081l-8.04-4.642-8.041 4.642Z", opacity: 0.4 }), jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__h)", d: "M27.006 30.12h16.081l-8.04-4.642-8.04 4.642Z", opacity: 0.4 }), jsxRuntime.jsx("path", { fill: "url(#materials-connect_svg__i)", d: "M17.96 24.844h16.081l-8.04-4.643-8.04 4.643Z", opacity: 0.56 }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__a", x1: 0.007, x2: 49.993, y1: 11.711, y2: 38.289, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#A5D867" }), jsxRuntime.jsx("stop", { offset: 0.19, stopColor: "#A2D769" }), jsxRuntime.jsx("stop", { offset: 0.35, stopColor: "#98D36E" }), jsxRuntime.jsx("stop", { offset: 0.49, stopColor: "#87CC76" }), jsxRuntime.jsx("stop", { offset: 0.63, stopColor: "#6FC382" }), jsxRuntime.jsx("stop", { offset: 0.76, stopColor: "#50B792" }), jsxRuntime.jsx("stop", { offset: 0.88, stopColor: "#2BA9A4" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0098BA" })] }), jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__b", x1: 5.986, x2: 17.465, y1: 23.824, y2: 29.928, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#A5D867" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__c", x1: 15.031, x2: 26.177, y1: 18.602, y2: 24.528, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#A4D867" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__d", x1: 28.778, x2: 38.274, y1: 16.292, y2: 21.341, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#8ECF73" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__e", x1: 37.825, x2: 46.016, y1: 21.516, y2: 25.871, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#6BC284" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__f", x1: 19.809, x2: 32.346, y1: 31.816, y2: 38.482, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#8DCE73" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__g", x1: 10.763, x2: 23.3, y1: 26.644, y2: 33.31, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#7DC87B" })] }), jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__h", x1: 28.855, x2: 41.391, y1: 26.644, y2: 33.31, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#80C979" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "materials-connect_svg__i", x1: 19.809, x2: 32.346, y1: 21.368, y2: 28.034, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#17A1AE" })] })] })] }));
const Memo = react.memo(SvgMaterialsConnect);
exports["default"] = Memo;