@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.2 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgRomaxSpin = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#romax-spin_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: "m40.874 17.22-4.677 2.696L26 14.031l-10.202 5.885-4.672-2.696L26 8.633l14.874 8.587Z" }), jsx("path", { fill: "url(#romax-spin_svg__b)", d: "m40.874 17.22-4.677 2.696L26 14.031l-10.202 5.885-4.672-2.696L26 8.633l14.874 8.587Z", opacity: 0.8 }), jsx("path", { fill: "#0D0D0D", d: "M35.775 20.165 26 14.523l-9.775 5.642 3.397 1.96a2.55 2.55 0 0 0 2.554 0l1.676-.97a4.29 4.29 0 0 1 4.291 0l1.676.965a2.55 2.55 0 0 0 2.554 0l3.402-1.955ZM40.874 34.78l-4.677-2.696L26 37.969l-10.202-5.885-4.672 2.696L26 43.367l14.874-8.587Z" }), jsx("path", { fill: "#0D0D0D", d: "M35.775 31.835 26 37.477l-9.775-5.642 3.397-1.96a2.55 2.55 0 0 1 2.554 0l1.676.97a4.29 4.29 0 0 0 4.291 0l1.676-.965a2.55 2.55 0 0 1 2.554 0l3.402 1.955Z" }), jsx("path", { fill: "url(#romax-spin_svg__c)", d: "M35.775 20.165 26 14.523l-9.775 5.642 3.397 1.96a2.55 2.55 0 0 0 2.554 0l1.676-.97a4.29 4.29 0 0 1 4.291 0l1.676.965a2.55 2.55 0 0 0 2.554 0l3.402-1.955Z", opacity: 0.8 }), jsx("path", { fill: "url(#romax-spin_svg__d)", d: "M35.775 31.835 26 37.477l-9.775-5.642 3.397-1.96a2.55 2.55 0 0 1 2.554 0l1.676.97a4.29 4.29 0 0 0 4.291 0l1.676-.965a2.55 2.55 0 0 1 2.554 0l3.402 1.955Z", opacity: 0.72 }), jsx("path", { fill: "url(#romax-spin_svg__e)", d: "m40.874 34.78-4.677-2.696L26 37.969l-10.202-5.885-4.672 2.696L26 43.367l14.874-8.587Z", opacity: 0.72 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "romax-spin_svg__b", x1: 14.501, x2: 37.692, y1: 10.873, y2: 23.204, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-spin_svg__c", x1: 18.44, x2: 33.68, y1: 15.999, y2: 24.103, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "romax-spin_svg__d", x1: 18.32, x2: 33.56, y1: 27.897, y2: 36, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 1, stopColor: "#261C11", stopOpacity: 0.034 })] }), jsxs("linearGradient", { id: "romax-spin_svg__e", x1: 14.308, x2: 37.499, y1: 28.796, y2: 41.127, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.995, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "romax-spin_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgRomaxSpin);
export { Memo as default };