@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.
8 lines (5 loc) • 2.64 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgVirtualTestDriveNexus = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 50 50", ...props, children: [jsxs("g", { clipPath: "url(#virtual-test-drive-nexus_svg__a)", children: [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" }), 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" }), 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 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "virtual-test-drive-nexus_svg__b", x1: 0.006, x2: 49.994, y1: 11.711, y2: 38.289, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.195, stopColor: "#A2D769" }), jsx("stop", { offset: 0.351, stopColor: "#98D36E" }), jsx("stop", { offset: 0.494, stopColor: "#87CC76" }), jsx("stop", { offset: 0.629, stopColor: "#6FC382" }), jsx("stop", { offset: 0.758, stopColor: "#50B792" }), jsx("stop", { offset: 0.882, stopColor: "#2BA9A4" }), jsx("stop", { offset: 1, stopColor: "#0098BA" })] }), jsxs("linearGradient", { id: "virtual-test-drive-nexus_svg__c", x1: 8.696, x2: 34.347, y1: 14.377, y2: 28.017, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.116, stopColor: "#99C960", stopOpacity: 0.884 }), jsx("stop", { offset: 0.34, stopColor: "#7BA04E", stopOpacity: 0.66 }), jsx("stop", { offset: 0.65, stopColor: "#4A5F31", stopOpacity: 0.35 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "virtual-test-drive-nexus_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h50v50H0z" }) })] })] }));
const Memo = memo(SvgVirtualTestDriveNexus);
export { Memo as default };