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.

8 lines (5 loc) 1.77 kB
import { jsxs, jsx } from 'react/jsx-runtime'; import { memo } from 'react'; const SvgRomaxEvolve = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#romax-evolve_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: "M25.508 26h-9.375a.85.85 0 0 1-.736-1.275l10.11-17.514V26ZM26.493 26h9.374a.85.85 0 0 1 .736 1.275l-10.11 17.514V26Z" }), jsx("path", { fill: "url(#romax-evolve_svg__b)", d: "M25.508 26h-9.375a.85.85 0 0 1-.736-1.275l10.11-17.514V26Z", opacity: 0.8 }), jsx("path", { fill: "url(#romax-evolve_svg__c)", d: "M26.493 26h9.374a.85.85 0 0 1 .736 1.275l-10.11 17.514V26Z", opacity: 0.24 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "romax-evolve_svg__b", x1: 19.932, x2: 28.345, y1: 16.191, y2: 20.663, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-evolve_svg__c", x1: 23.656, x2: 32.068, y1: 31.337, y2: 35.809, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "romax-evolve_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] })); const Memo = memo(SvgRomaxEvolve); export { Memo as default };