@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.
39 lines (36 loc) • 5.99 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgFlowManagerConfigurator = (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-configurator_svg__d", x1: 417.5, x2: 657.5, y1: 195.07, y2: 322.68, 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-configurator_svg__d", id: "flow-manager-configurator_svg__e", x1: 344.91, x2: 575.84, y1: 331.59, y2: 454.37 }), jsx("linearGradient", { xlinkHref: "#flow-manager-configurator_svg__d", id: "flow-manager-configurator_svg__f", x1: 535.92, x2: 693.03, y1: 351.32, y2: 434.86 }), jsx("linearGradient", { xlinkHref: "#flow-manager-configurator_svg__d", id: "flow-manager-configurator_svg__g", x1: 212.08, x2: 452.09, y1: 492.72, y2: 620.33 }), jsx("linearGradient", { xlinkHref: "#flow-manager-configurator_svg__d", id: "flow-manager-configurator_svg__h", x1: 139.5, x2: 370.43, y1: 629.24, y2: 752.03 }), jsx("linearGradient", { xlinkHref: "#flow-manager-configurator_svg__d", id: "flow-manager-configurator_svg__i", x1: 330.51, x2: 487.62, y1: 648.97, y2: 732.51 }), jsx("linearGradient", { xlinkHref: "#flow-manager-configurator_svg__d", id: "flow-manager-configurator_svg__j", x1: 571.91, x2: 811.91, y1: 522.37, y2: 649.98 }), jsx("linearGradient", { xlinkHref: "#flow-manager-configurator_svg__d", id: "flow-manager-configurator_svg__k", x1: 499.32, x2: 730.25, y1: 658.89, y2: 781.68 }), jsx("linearGradient", { xlinkHref: "#flow-manager-configurator_svg__d", id: "flow-manager-configurator_svg__l", x1: 690.33, x2: 847.44, y1: 678.62, y2: 762.16 }), jsx("style", { children: '.flow-manager-configurator_svg__w{fill:#0d0d0d}' })] }), jsx("path", { id: "flow-manager-configurator_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-configurator_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: "m537.67 169.9-154.25 89.27 154.25 88.85 153.59-88.83-153.59-89.29z", className: "flow-manager-configurator_svg__w" }), jsx("path", { d: "M383.42 259.17v178.19l153.92 89.43.33-178.77-154.25-88.85z", className: "flow-manager-configurator_svg__w" }), jsx("path", { d: "m691.26 259.19-153.59 88.83-.33 178.77 154.25-89.22-.33-178.38z", className: "flow-manager-configurator_svg__w" }), jsx("path", { d: "m537.67 169.9-154.25 89.27 154.25 88.85 153.59-88.83-153.59-89.29z", style: {
fill: 'url(#flow-manager-configurator_svg__d)',
opacity: 0.48,
} }), jsx("path", { d: "M383.42 259.17v178.19l153.92 89.43.33-178.77-154.25-88.85z", style: {
fill: 'url(#flow-manager-configurator_svg__e)',
opacity: 0.48,
} }), jsx("path", { d: "m691.26 259.19-153.59 88.83-.33 178.77 154.25-89.22-.33-178.38z", style: {
fill: 'url(#flow-manager-configurator_svg__f)',
opacity: 0.48,
} }), jsx("path", { d: "M332.26 467.56 178 556.82l154.26 88.86 153.58-88.84-153.58-89.28zM178 556.82v178.19l153.92 89.43.34-178.76L178 556.82z", className: "flow-manager-configurator_svg__w" }), jsx("path", { d: "m485.84 556.84-153.58 88.84-.34 178.76 154.26-89.22-.34-178.38z", className: "flow-manager-configurator_svg__w" }), jsx("path", { d: "M332.26 467.56 178 556.82l154.26 88.86 153.58-88.84-153.58-89.28z", style: {
fill: 'url(#flow-manager-configurator_svg__g)',
opacity: 0.48,
} }), jsx("path", { d: "M178 556.82v178.19l153.92 89.43.34-178.76L178 556.82z", style: {
fill: 'url(#flow-manager-configurator_svg__h)',
opacity: 0.48,
} }), jsx("path", { d: "m485.84 556.84-153.58 88.84-.34 178.76 154.26-89.22-.34-178.38z", style: {
fill: 'url(#flow-manager-configurator_svg__i)',
opacity: 0.48,
} }), jsx("path", { d: "m692.08 497.21-154.26 89.27 154.26 88.85 153.59-88.83-153.59-89.29zM537.82 586.48v178.18l153.93 89.44.33-178.77-154.26-88.85z", className: "flow-manager-configurator_svg__w" }), jsx("path", { d: "m845.67 586.5-153.59 88.83-.33 178.77L846 764.87l-.33-178.37z", className: "flow-manager-configurator_svg__w" }), jsx("path", { d: "m692.08 497.21-154.26 89.27 154.26 88.85 153.59-88.83-153.59-89.29z", style: {
fill: 'url(#flow-manager-configurator_svg__j)',
opacity: 0.48,
} }), jsx("path", { d: "M537.82 586.48v178.18l153.93 89.44.33-178.77-154.26-88.85z", style: {
opacity: 0.48,
fill: 'url(#flow-manager-configurator_svg__k)',
} }), jsx("path", { d: "m845.67 586.5-153.59 88.83-.33 178.77L846 764.87l-.33-178.37z", style: {
fill: 'url(#flow-manager-configurator_svg__l)',
opacity: 0.48,
} })] })] }));
const Memo = memo(SvgFlowManagerConfigurator);
export { Memo as default };