@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) • 3.48 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgRomaxDynamicFusion = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#romax-dynamic-fusion_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.64 22.4v7.55l-.01.006-6.536 3.783v.015l-8.816 5.084V33.24a3.41 3.41 0 0 1 1.701-2.95l7.12-4.093-7.12-4.098a3.408 3.408 0 0 1-1.7-2.945v-5.591l8.82 5.073v-.015l6.54 3.778ZM41.691 19.104c0 1.214-.65 2.34-1.701 2.945l-7.14 4.129v-.005l-.01.005.01.005v-.01l7.14 4.098a3.41 3.41 0 0 1 1.701 2.95v5.596l-8.84-5.083v.015l-6.541-3.783V22.4l6.54-3.778 8.841-5.11v5.592ZM41.691 12.817l-9.176 5.287-6.54 3.778-6.546-3.779-9.15-5.26 5.824-4.21 9.872 5.692 9.17-5.286 6.546 3.778ZM41.727 39.584l-6.54 3.778-9.212-5.291-9.156 5.296-6.54-3.778 9.15-5.296h.005l6.54-3.778 6.541 3.778 9.212 5.291Z" }), jsx("path", { fill: "url(#romax-dynamic-fusion_svg__b)", d: "m41.686 12.812-9.176 5.292-6.54 3.778-6.546-3.779-9.151-5.266 5.825-4.204 9.871 5.692 9.172-5.286 6.545 3.773Z", opacity: 0.8 }), jsx("path", { fill: "url(#romax-dynamic-fusion_svg__c)", d: "m41.727 39.584-6.54 3.778-9.212-5.291-9.156 5.296-6.54-3.778 9.15-5.296h.005l6.54-3.778 6.541 3.778 9.212 5.291Z", opacity: 0.24 }), jsx("path", { fill: "url(#romax-dynamic-fusion_svg__d)", d: "M25.64 22.4v7.55l-.01.006-6.536 3.783v.015l-8.816 5.084V33.24a3.41 3.41 0 0 1 1.701-2.95l7.12-4.093-7.12-4.098a3.408 3.408 0 0 1-1.7-2.945v-5.591l8.82 5.073v-.015l6.54 3.778Z", opacity: 0.8 }), jsx("path", { fill: "url(#romax-dynamic-fusion_svg__e)", d: "M41.691 19.104c0 1.214-.65 2.34-1.701 2.945l-7.14 4.129v-.005l-.01.005.01.005v-.01l7.14 4.098a3.41 3.41 0 0 1 1.701 2.95v5.596l-8.84-5.083v.015l-6.541-3.783V22.4l6.54-3.778 8.841-5.11v5.592Z", opacity: 0.24 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "romax-dynamic-fusion_svg__b", x1: 13.657, x2: 38.135, y1: 6.475, y2: 19.49, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-dynamic-fusion_svg__c", x1: 13.825, x2: 38.343, y1: 32.915, y2: 45.951, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#EA9030" })] }), jsxs("linearGradient", { id: "romax-dynamic-fusion_svg__d", x1: 5.038, x2: 23.81, y1: 23.414, y2: 33.396, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-dynamic-fusion_svg__e", x1: 28.134, x2: 46.935, y1: 18.962, y2: 28.958, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#EA9030", stopOpacity: 0.968 })] }), jsx("clipPath", { id: "romax-dynamic-fusion_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgRomaxDynamicFusion);
export { Memo as default };