@nexusui/branding/FlowManagerDesigner.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 SvgFlowManagerDesigner = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "flow-manager-designer_svg__d", x1: 226.1, x2: 529.57, y1: 351.78, y2: 513.14, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 0.11, stopColor: "#7fb6cd" }), jsx("stop", { offset: 0.29, stopColor: "#5d8393" }), jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsx("stop", { offset: 0.62, stopColor: "#2a383d" }), jsx("stop", { offset: 0.77, stopColor: "#1a2023" }), jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("linearGradient", { xlinkHref: "#flow-manager-designer_svg__d", id: "flow-manager-designer_svg__e", x1: 567.54, x2: 861.81, y1: 392.67, y2: 549.13 }), jsx("linearGradient", { xlinkHref: "#flow-manager-designer_svg__d", id: "flow-manager-designer_svg__f", x1: 433.67, x2: 591.64, y1: 467.88, y2: 551.88 }), jsx("style", { children: '.flow-manager-designer_svg__k{fill:#0d0d0d}' })] }), jsx("path", { id: "flow-manager-designer_svg__a", d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", style: {
                fill: '#fff',
            } }), jsxs("g", { id: "flow-manager-designer_svg__c", children: [jsx("path", { d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", style: {
                        fill: '#97d9f5',
                    } }), jsx("path", { d: "M503.65 302.05 140.94 511.94l363.44 209.51a15.214 15.214 0 0 0 15.22-.01l93.02-53.86-269.61-155.64 270.12-155.97-94.31-53.96a15.212 15.212 0 0 0-15.18.04Z", className: "flow-manager-designer_svg__k" }), jsx("path", { d: "m545.65 433.83 100.59-58.46 235.35 136.57-235.11 136.08-100.83-58.32 134.97-77.76-134.97-78.11z", className: "flow-manager-designer_svg__k" }), jsx("path", { d: "m512.26 453.15-102.02 58.79 101.5 58.13 101.4-58.62-100.88-58.3z", className: "flow-manager-designer_svg__k" }), jsx("path", { d: "M503.65 302.05 140.94 511.94h202.08l270.12-155.97-94.31-53.96a15.212 15.212 0 0 0-15.18.04Z", style: {
                        fill: 'url(#flow-manager-designer_svg__d)',
                        opacity: 0.48,
                    } }), jsx("path", { d: "m545.65 433.83 100.59-58.46 235.35 136.57H680.62l-134.97-78.11z", style: {
                        fill: 'url(#flow-manager-designer_svg__e)',
                        opacity: 0.48,
                    } }), jsx("path", { d: "m512.26 453.15-102.02 58.79 202.9-.49-100.88-58.3z", style: {
                        opacity: 0.48,
                        fill: 'url(#flow-manager-designer_svg__f)',
                    } })] })] }));
const Memo = memo(SvgFlowManagerDesigner);

export { Memo as default };