@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) • 4.54 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgIPlusPlusSimulator = (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(#i-plus-plus-simulator_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: "m21.24 26-2.198 3.805h-8.057L7.316 36.16a.838.838 0 0 0 .726 1.258h14.19c.745 0 1.434-.398 1.807-1.044l1.594-2.762L21.24 26ZM30.029 26l2.563-4.44h8.79l3.302-5.72a.838.838 0 0 0-.726-1.258H29.036c-.746 0-1.435.398-1.807 1.044l-1.595 2.762 4.395 7.611V26ZM21.24 26l-2.198-3.806h-8.057L7.316 15.84a.838.838 0 0 1 .726-1.258h14.19c.745 0 1.434.398 1.807 1.044l1.594 2.762-4.394 7.611V26ZM30.029 26l2.563 4.44h8.79l3.302 5.72a.838.838 0 0 1-.726 1.258H29.036a2.087 2.087 0 0 1-1.807-1.044l-1.595-2.762L30.029 26Z" }), jsxRuntime.jsx("path", { fill: "url(#i-plus-plus-simulator_svg__b)", d: "m21.24 26-2.198 3.805h-8.057L7.316 36.16a.838.838 0 0 0 .726 1.258h14.19c.745 0 1.434-.398 1.807-1.044l1.594-2.762L21.24 26Z", opacity: 0.56 }), jsxRuntime.jsx("path", { fill: "url(#i-plus-plus-simulator_svg__c)", d: "m30.029 26 2.563-4.44h8.79l3.302-5.72a.838.838 0 0 0-.726-1.258H29.036c-.746 0-1.435.398-1.807 1.044l-1.595 2.762 4.395 7.611V26Z", opacity: 0.4 }), jsxRuntime.jsx("path", { fill: "url(#i-plus-plus-simulator_svg__d)", d: "m21.24 26-2.198-3.806h-8.057L7.316 15.84a.838.838 0 0 1 .726-1.258h14.19c.745 0 1.434.398 1.807 1.044l1.594 2.762-4.394 7.611V26Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "url(#i-plus-plus-simulator_svg__e)", d: "m30.029 26 2.563 4.44h8.79l3.302 5.72a.838.838 0 0 1-.726 1.258H29.036a2.087 2.087 0 0 1-1.807-1.044l-1.595-2.762L30.029 26Z", opacity: 0.4 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "i-plus-plus-simulator_svg__b", x1: 10.752, x2: 23.976, y1: 29.697, y2: 36.729, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "i-plus-plus-simulator_svg__c", x1: 27.372, x2: 41.167, y1: 15.12, y2: 22.454, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 0.12, stopColor: "#0F1011", stopOpacity: 0.02 }), jsxRuntime.jsx("stop", { offset: 0.25, stopColor: "#171C1E", stopOpacity: 0.08 }), jsxRuntime.jsx("stop", { offset: 0.4, stopColor: "#232E33", stopOpacity: 0.19 }), jsxRuntime.jsx("stop", { offset: 0.54, stopColor: "#354851", stopOpacity: 0.33 }), jsxRuntime.jsx("stop", { offset: 0.7, stopColor: "#4C6A77", stopOpacity: 0.52 }), jsxRuntime.jsx("stop", { offset: 0.85, stopColor: "#6792A5", stopOpacity: 0.74 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#87C1DA" })] }), jsxRuntime.jsxs("linearGradient", { id: "i-plus-plus-simulator_svg__d", x1: 8.017, x2: 23.702, y1: 13.682, y2: 22.022, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#97D9F5" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "i-plus-plus-simulator_svg__e", x1: 27.556, x2: 43.811, y1: 29.997, y2: 38.641, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 0.11, stopColor: "#0F1011", stopOpacity: 0.02 }), jsxRuntime.jsx("stop", { offset: 0.24, stopColor: "#171C1E", stopOpacity: 0.07 }), jsxRuntime.jsx("stop", { offset: 0.37, stopColor: "#242F33", stopOpacity: 0.17 }), jsxRuntime.jsx("stop", { offset: 0.51, stopColor: "#354951", stopOpacity: 0.3 }), jsxRuntime.jsx("stop", { offset: 0.65, stopColor: "#4C6B78", stopOpacity: 0.46 }), jsxRuntime.jsx("stop", { offset: 0.8, stopColor: "#6894A7", stopOpacity: 0.67 }), jsxRuntime.jsx("stop", { offset: 0.94, stopColor: "#89C4DE", stopOpacity: 0.9 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#97D9F5" })] }), jsxRuntime.jsx("clipPath", { id: "i-plus-plus-simulator_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgIPlusPlusSimulator);
exports["default"] = Memo;