@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) • 2.51 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgPcDmis = (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(#pc-dmis_svg__a)", children: [jsxRuntime.jsx("path", { fill: "#97D9F5", 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: "M33.713 38.86 26 43.315l-7.714-4.454-.001-16.005 7.714-4.454 7.714 4.454V38.86Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M42.13 17.997V30.46l-7.714 4.454V22.45l-8.417-4.857-8.415 4.857v12.464L9.87 30.46l-.001-12.463 16.13-9.312 16.132 9.312Z" }), jsxRuntime.jsx("path", { fill: "url(#pc-dmis_svg__b)", d: "M17.584 22.45v12.464L9.87 30.46l-.001-12.463", opacity: 0.32 }), jsxRuntime.jsx("path", { fill: "url(#pc-dmis_svg__c)", d: "m42.131 17.997-7.715 4.454L26 17.593l-8.416 4.858-7.715-4.454L26 8.685l16.132 9.312Zm-23.846 4.86L26 27.31l7.714-4.454-7.714-4.453-7.714 4.454Z", opacity: 0.8 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "pc-dmis_svg__b", x1: 7.213, x2: 20.24, y1: 22.993, y2: 29.919, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 0.04, stopColor: "#8ECCE6", stopOpacity: 0.94 }), jsxRuntime.jsx("stop", { offset: 0.25, stopColor: "#6793A5", stopOpacity: 0.66 }), jsxRuntime.jsx("stop", { offset: 0.44, stopColor: "#47636F", stopOpacity: 0.42 }), jsxRuntime.jsx("stop", { offset: 0.62, stopColor: "#2E3E44", stopOpacity: 0.24 }), jsxRuntime.jsx("stop", { offset: 0.78, stopColor: "#1C2326", stopOpacity: 0.11 }), jsxRuntime.jsx("stop", { offset: 0.91, stopColor: "#101213", stopOpacity: 0.03 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "pc-dmis_svg__c", x1: 13.424, x2: 38.575, y1: 11.311, y2: 24.684, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "pc-dmis_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgPcDmis);
exports["default"] = Memo;