@nexusui/branding/RomaxEnergy.js

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.

import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';

const SvgRomaxEnergy = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#romax-energy_svg__a)", children: [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" }), 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" }), jsx("path", { fill: "#0D0D0D", d: "M12.035 7.622v9.852l9.308 5.378v-9.857l-9.308-5.373Z" }), jsx("path", { fill: "#0D0D0D", d: "M12.035 18.286v9.857l9.308 5.373 9.238-5.332v-9.852l-9.238 5.332-9.308-5.378Z" }), jsx("path", { fill: "#0D0D0D", d: "M12.035 29.148v9.857l9.308 5.373 18.622-10.75v-9.852l-18.622 10.75-9.308-5.378Z" }), jsx("path", { fill: "url(#romax-energy_svg__b)", d: "M12.035 7.622v9.852l9.308 5.378v-9.857l-9.308-5.373Z", opacity: 0.8 }), jsx("path", { fill: "url(#romax-energy_svg__c)", d: "M12.035 18.286v9.857l9.308 5.373v-9.852l-9.308-5.378Z", opacity: 0.56 }), jsx("path", { fill: "url(#romax-energy_svg__d)", d: "M12.035 29.148v9.857l9.308 5.373v-9.852l-9.308-5.378Z", opacity: 0.4 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "romax-energy_svg__b", x1: 11.113, x2: 24.683, y1: 12.271, y2: 19.486, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.115, stopColor: "#EA9030" }), jsx("stop", { offset: 0.209, stopColor: "#E58D2F", stopOpacity: 0.893 }), jsx("stop", { offset: 0.329, stopColor: "#D5832D", stopOpacity: 0.758 }), jsx("stop", { offset: 0.463, stopColor: "#BB7429", stopOpacity: 0.608 }), jsx("stop", { offset: 0.606, stopColor: "#965F23", stopOpacity: 0.446 }), jsx("stop", { offset: 0.757, stopColor: "#68431B", stopOpacity: 0.275 }), jsx("stop", { offset: 0.912, stopColor: "#302213", stopOpacity: 0.099 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-energy_svg__c", x1: 11.074, x2: 24.644, y1: 22.917, y2: 30.132, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.134, stopColor: "#EA9030" }), jsx("stop", { offset: 0.228, stopColor: "#DA872D", stopOpacity: 0.891 }), jsx("stop", { offset: 0.413, stopColor: "#B06E27", stopOpacity: 0.677 }), jsx("stop", { offset: 0.67, stopColor: "#6D461C", stopOpacity: 0.381 }), jsx("stop", { offset: 0.987, stopColor: "#110F0E", stopOpacity: 0.015 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-energy_svg__d", x1: 11.267, x2: 24.837, y1: 33.88, y2: 41.096, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.142, stopColor: "#D1812C", stopOpacity: 0.858 }), jsx("stop", { offset: 0.446, stopColor: "#905B22", stopOpacity: 0.554 }), jsx("stop", { offset: 0.884, stopColor: "#291E11", stopOpacity: 0.116 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "romax-energy_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgRomaxEnergy);

export { Memo as default };