@nexusui/branding/ScenarioConverter.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 SvgScenarioConverter = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "scenario-converter_svg__a", x1: 783.25, x2: 837.18, y1: 317.95, y2: 224.54, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#fbbf4c" }), jsx("stop", { offset: 0, stopColor: "#f7bc4b" }), jsx("stop", { offset: 0.22, stopColor: "#b18738" }), jsx("stop", { offset: 0.43, stopColor: "#765c29" }), jsx("stop", { offset: 0.61, stopColor: "#49391c" }), jsx("stop", { offset: 0.77, stopColor: "#282114" }), jsx("stop", { offset: 0.91, stopColor: "#14120e" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "scenario-converter_svg__c", x1: 541.95, x2: 893.31, y1: 1150.59, y2: 489.77, gradientTransform: "rotate(90 511.85 512.45)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#fbbf4c" }), jsx("stop", { offset: 0.1, stopColor: "#ecb448", stopOpacity: 0.94 }), jsx("stop", { offset: 0.28, stopColor: "#c5973d", stopOpacity: 0.78 }), jsx("stop", { offset: 0.54, stopColor: "#87682d", stopOpacity: 0.52 }), jsx("stop", { offset: 0.86, stopColor: "#332917", stopOpacity: 0.16 }), jsx("stop", { offset: 1, stopColor: "#0d0d0d", stopOpacity: 0 })] }), jsx("clipPath", { id: "scenario-converter_svg__b", children: jsx("path", { d: "M0 388h712v636H319.27C143.06 1024 0 880.94 0 704.73V388Z", style: {
                            fill: 'none',
                            strokeWidth: 0,
                        } }) })] }), 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: '#fff',
                strokeWidth: 0,
            } }), 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: '#fbbf4c',
                opacity: 0.16,
                strokeWidth: 0,
            } }), jsx("text", { style: {
                fontFamily: 'OpenSans-Bold,&quot',
                fontSize: 260,
                fontWeight: 700,
                letterSpacing: '-.01em',
            }, transform: "translate(728.85 335.81)", children: jsx("tspan", { x: 0, y: 0, children: 'C' }) }), jsx("path", { d: "M831.05 180.29c-14.81 0-26.28 5.57-34.4 16.69-8.12 11.13-12.19 26.64-12.19 46.53 0 41.39 15.53 62.08 46.59 62.08 13.03 0 28.82-3.26 47.35-9.78v33.01c-15.23 6.35-32.25 9.52-51.04 9.52-27 0-47.65-8.19-61.95-24.57-14.3-16.38-21.46-39.88-21.46-70.52 0-19.3 3.51-36.2 10.54-50.72 7.02-14.51 17.12-25.64 30.28-33.39 13.16-7.74 28.58-11.62 46.27-11.62s36.14 4.36 54.34 13.08l-12.7 31.99c-6.94-3.3-13.92-6.18-20.95-8.63-7.03-2.45-13.92-3.68-20.69-3.68Z", style: {
                strokeWidth: 0,
                fill: 'url(#scenario-converter_svg__a)',
            } }), jsxs("g", { style: {
                clipPath: 'url(#scenario-converter_svg__b)',
            }, children: [jsx("path", { d: "M559.93 479.09 279.44 964.91 62.64 589.4c4.01-6.95 14.05-6.95 18.07 0l198.73 344.22 180.82-313.19c22.26-38.56 22.26-86.07 0-124.63l-63.39-109.79-117.43 203.4-90.21-156.24c-16.85-29.18-47.98-47.16-81.68-47.16h-72.1c-44.67 0-85.98 23.74-108.45 62.35l-35.97 61.81c-22.62 38.87-22.7 86.87-.22 125.81l334.31 579.05c24.14 41.82 84.5 41.82 108.65 0L713.46 557.4l-45.7-78.51c-24.08-41.37-83.88-41.26-107.81.19Z", style: {
                        fill: '#0d0d0d',
                        strokeWidth: 0,
                    } }), jsx("path", { d: "M559.93 479.09 279.44 964.91 62.64 589.4c4.01-6.95 14.05-6.95 18.07 0l198.73 344.22 180.82-313.19c22.26-38.56 22.26-86.07 0-124.63l-63.39-109.79-117.43 203.4-90.21-156.24c-16.85-29.18-47.98-47.16-81.68-47.16h-72.1c-44.67 0-85.98 23.74-108.45 62.35l-35.97 61.81c-22.62 38.87-22.7 86.87-.22 125.81l334.31 579.05c24.14 41.82 84.5 41.82 108.65 0L713.46 557.4l-45.7-78.51c-24.08-41.37-83.88-41.26-107.81.19Z", style: {
                        fill: 'url(#scenario-converter_svg__c)',
                        opacity: 0.8,
                        strokeWidth: 0,
                    } })] })] }));
const Memo = memo(SvgScenarioConverter);

export { Memo as default };