@nexusui/branding/Recreate.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 SvgRecreate = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#recreate_svg__a)", children: [jsx("path", { fill: "#7BB1D9", 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.35 35.745a3.177 3.177 0 0 1-1.584-2.747V18.535c0-.838.447-1.61 1.173-2.026l13.65-7.871.005 8.14-7.77 4.484V38.92l-5.474-3.174Z" }), jsx("path", { fill: "#0D0D0D", d: "M26.411 35.237v-.01l7.77-4.484v-9.765l-8.465 4.885V34.816l-.01.005v.015l-7.054 4.078V21.79l15.173-8.775 5.825 3.372a3.177 3.177 0 0 1 1.584 2.747v14.33c0 .839-.447 1.61-1.173 2.027l-13.645 7.876-.005-8.13Z" }), jsx("path", { fill: "url(#recreate_svg__b)", d: "m25.589 16.773-.005-8.14-13.828 7.988c-.36.254-.64.604-.808 1l6.876 3.631 7.765-4.479Zm14.533-.05-6.291-3.703-15.174 8.775 7.059 4.068L40.6 17.235c-.138-.188-.3-.36-.478-.513Z", opacity: 0.65 }), jsx("path", { fill: "url(#recreate_svg__c)", d: "M17.82 21.257v17.657l-5.475-3.17a3.177 3.177 0 0 1-1.585-2.746V18.535s-.025-.513.183-.909l6.876 3.631Z", opacity: 0.24 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "recreate_svg__b", x1: 14.335, x2: 37.3, y1: 11.233, y2: 23.443, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#7BB1D9" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "recreate_svg__c", x1: 7.298, x2: 21.48, y1: 24.488, y2: 32.029, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#7BB1D9" }), jsx("stop", { offset: 0.2, stopColor: "#628CAB", stopOpacity: 0.8 }), jsx("stop", { offset: 0.59, stopColor: "#354857", stopOpacity: 0.41 }), jsx("stop", { offset: 0.866, stopColor: "#181D22", stopOpacity: 0.134 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "recreate_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgRecreate);

export { Memo as default };