@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.63 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgRomaxConcept = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#romax-concept_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: "M26.37 21.308 18.24 26l8.13 4.692L34.5 26l-8.13-4.692Z" }), jsx("path", { fill: "#0D0D0D", d: "m35.237 26.427 8.13 4.692-14.955 8.633a4.074 4.074 0 0 1-4.083 0L9.66 31.286a2.054 2.054 0 0 1-1.026-1.777v-7.013c0-.736.39-1.412 1.026-1.777l14.665-8.47a4.074 4.074 0 0 1 4.083 0l14.96 8.632-8.13 4.692-8.866-5.118L16.763 26l9.608 5.545 8.866-5.118Z" }), jsx("path", { fill: "url(#romax-concept_svg__b)", d: "M26.37 21.308 18.24 26l8.13 4.692L34.5 26l-8.13-4.692Z", opacity: 0.56 }), jsx("path", { fill: "url(#romax-concept_svg__c)", d: "m35.237 26.427 8.13 4.692-14.955 8.633a4.074 4.074 0 0 1-4.083 0L9.66 31.286a2.054 2.054 0 0 1-1.026-1.777v-7.013c0-.736.39-1.412 1.026-1.777l14.665-8.47a4.074 4.074 0 0 1 4.083 0l14.96 8.632-8.13 4.692-8.866-5.118L16.763 26l9.608 5.545 8.866-5.118Z", opacity: 0.8 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "romax-concept_svg__b", x1: 20.032, x2: 32.708, y1: 22.63, y2: 29.37, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.136, stopColor: "#C97C2B", stopOpacity: 0.864 }), jsx("stop", { offset: 0.563, stopColor: "#65411B", stopOpacity: 0.437 }), jsx("stop", { offset: 0.86, stopColor: "#261C11", stopOpacity: 0.14 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-concept_svg__c", x1: 10.876, x2: 41.743, y1: 17.762, y2: 34.174, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.136, stopColor: "#C97C2B", stopOpacity: 0.864 }), jsx("stop", { offset: 0.563, stopColor: "#65411B", stopOpacity: 0.437 }), jsx("stop", { offset: 0.86, stopColor: "#261C11", stopOpacity: 0.14 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "romax-concept_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgRomaxConcept);
export { Memo as default };