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.58 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var jsxRuntime = require('react/jsx-runtime'); var react = require('react'); const SvgRomaxEnduro = (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(#romax-enduro_svg__a)", children: [jsxRuntime.jsx("path", { fill: "#fff", d: "M0 16.25C0 7.277 7.277 0 16.25 0h19.5C44.723 0 52 7.277 52 16.25v19.5C52 44.723 44.723 52 35.75 52h-19.5C7.277 52 0 44.723 0 35.75v-19.5Z" }), jsxRuntime.jsx("path", { fill: "#EA9030", d: "M0 16.25C0 7.277 7.277 0 16.25 0h19.5C44.723 0 52 7.277 52 16.25v19.5C52 44.723 44.723 52 35.75 52h-19.5C7.277 52 0 44.723 0 35.75v-19.5Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M10.649 8.658v8.125l8.318 4.799-8.318 4.799v8.125l22.384-12.924L10.65 8.658ZM41.351 17.52 18.967 30.443 41.35 43.367v-8.125l-8.318-4.799 8.318-4.799V17.52Z" }), jsxRuntime.jsx("path", { fill: "url(#romax-enduro_svg__b)", d: "M26 17.525 10.654 8.633v8.18l8.333 4.769L26 17.525Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m26 26.38-7.033 4.063L41.35 43.367v-8.125L26 26.381Z" }), jsxRuntime.jsx("path", { fill: "url(#romax-enduro_svg__c)", d: "m26 26.38-7.033 4.063L41.35 43.367v-8.125L26 26.381Z", opacity: 0.4 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "romax-enduro_svg__b", x1: 8.888, x2: 28.29, y1: 11.953, y2: 22.269, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#EA9030" }), jsxRuntime.jsx("stop", { offset: 0.144, stopColor: "#D0812C", stopOpacity: 0.856 }), jsxRuntime.jsx("stop", { offset: 0.453, stopColor: "#8F5A22", stopOpacity: 0.547 }), jsxRuntime.jsx("stop", { offset: 0.897, stopColor: "#261C11", stopOpacity: 0.103 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "romax-enduro_svg__c", x1: 20.37, x2: 43.178, y1: 27.8, y2: 39.928, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#EA9030" }), jsxRuntime.jsx("stop", { offset: 0.1, stopColor: "#D3822C", stopOpacity: 0.9 }), jsxRuntime.jsx("stop", { offset: 0.726, stopColor: "#462F16", stopOpacity: 0.274 }), jsxRuntime.jsx("stop", { offset: 0.999, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "romax-enduro_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] })); const Memo = react.memo(SvgRomaxEnduro); exports["default"] = Memo;