UNPKG

@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.98 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var jsxRuntime = require('react/jsx-runtime'); var react = require('react'); const SvgVirtualTestDriveNexus = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 50 50", ...props, children: [jsxRuntime.jsxs("g", { clipPath: "url(#virtual-test-drive-nexus_svg__a)", children: [jsxRuntime.jsx("path", { fill: "url(#virtual-test-drive-nexus_svg__b)", d: "M0 15.625C0 6.995 6.996 0 15.625 0h18.75C43.005 0 50 6.996 50 15.625v18.75C50 43.005 43.004 50 34.375 50h-18.75C6.995 50 0 43.004 0 34.375v-18.75Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M35.333 11.914 24.445 30.773 16.03 16.196a.405.405 0 0 1 .7 0l7.715 13.362 7.02-12.157a4.837 4.837 0 0 0 0-4.838l-2.461-4.262-4.559 7.896-3.501-6.065a3.662 3.662 0 0 0-3.17-1.831h-2.8a4.871 4.871 0 0 0-4.21 2.42l-1.396 2.4a4.869 4.869 0 0 0-.008 4.883l12.977 22.477c.937 1.624 3.28 1.624 4.217 0l14.739-25.527-1.774-3.048c-.936-1.605-3.256-1.6-4.186.008Z" }), jsxRuntime.jsx("path", { fill: "url(#virtual-test-drive-nexus_svg__c)", d: "M35.333 11.914 24.445 30.773 16.03 16.196a.405.405 0 0 1 .7 0l7.715 13.362 7.02-12.157a4.837 4.837 0 0 0 0-4.838l-2.461-4.262-4.559 7.896-3.501-6.065a3.662 3.662 0 0 0-3.17-1.831h-2.8a4.871 4.871 0 0 0-4.21 2.42l-1.396 2.4a4.869 4.869 0 0 0-.008 4.883l12.977 22.477c.937 1.624 3.28 1.624 4.217 0l14.739-25.527-1.774-3.048c-.936-1.605-3.256-1.6-4.186.008Z", opacity: 0.8 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "virtual-test-drive-nexus_svg__b", x1: 0.006, x2: 49.994, y1: 11.711, y2: 38.289, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#A5D867" }), jsxRuntime.jsx("stop", { offset: 0.195, stopColor: "#A2D769" }), jsxRuntime.jsx("stop", { offset: 0.351, stopColor: "#98D36E" }), jsxRuntime.jsx("stop", { offset: 0.494, stopColor: "#87CC76" }), jsxRuntime.jsx("stop", { offset: 0.629, stopColor: "#6FC382" }), jsxRuntime.jsx("stop", { offset: 0.758, stopColor: "#50B792" }), jsxRuntime.jsx("stop", { offset: 0.882, stopColor: "#2BA9A4" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0098BA" })] }), jsxRuntime.jsxs("linearGradient", { id: "virtual-test-drive-nexus_svg__c", x1: 8.696, x2: 34.347, y1: 14.377, y2: 28.017, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#A5D867" }), jsxRuntime.jsx("stop", { offset: 0.116, stopColor: "#99C960", stopOpacity: 0.884 }), jsxRuntime.jsx("stop", { offset: 0.34, stopColor: "#7BA04E", stopOpacity: 0.66 }), jsxRuntime.jsx("stop", { offset: 0.65, stopColor: "#4A5F31", stopOpacity: 0.35 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "virtual-test-drive-nexus_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h50v50H0z" }) })] })] })); const Memo = react.memo(SvgVirtualTestDriveNexus); exports["default"] = Memo;