@nexusui/branding/Fasys.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 SvgFasys = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#fasys_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: "#BCE562", 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: "M26.02 19.043v8.907L8.633 37.939v-8.857L26.02 19.043ZM27.005 28.493l-.02-18.906 7.709 4.449v18.921l-7.689-4.464ZM18.312 33.51l7.708-4.448 16.382 9.456-7.708 4.453-16.382-9.46Z" }), jsx("path", { fill: "url(#fasys_svg__b)", d: "M26.02 19.043v8.907L8.633 37.939v-8.857L26.02 19.043Z", opacity: 0.8 }), jsx("path", { fill: "url(#fasys_svg__c)", d: "m27.005 28.493-.02-18.906 7.709 4.449v18.921l-7.689-4.464Z", opacity: 0.24 }), jsx("path", { fill: "url(#fasys_svg__d)", d: "m18.312 33.51 7.708-4.448 16.382 9.456-7.708 4.453-16.382-9.46Z", opacity: 0.24 }), jsx("path", { fill: "#0D0D0D", d: "m17.326 34.054 7.73 4.464H9.637l7.688-4.464ZM26.02 9.029v8.902l-7.708 4.453L26.02 9.03ZM35.659 33.51l7.708 4.454-7.708-13.355v8.901Z" }), jsx("path", { fill: "url(#fasys_svg__e)", d: "m17.326 34.054 7.73 4.464H9.637l7.688-4.464Z", opacity: 0.24 }), jsx("path", { fill: "url(#fasys_svg__f)", d: "M26.02 9.029v8.902l-7.708 4.453L26.02 9.03Z", opacity: 0.56 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "fasys_svg__b", x1: 10.794, x2: 23.879, y1: 25.018, y2: 31.976, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.142, stopColor: "#B9E160", stopOpacity: 0.858 }), jsx("stop", { offset: 0.279, stopColor: "#AFD65C", stopOpacity: 0.721 }), jsx("stop", { offset: 0.414, stopColor: "#A0C254", stopOpacity: 0.586 }), jsx("stop", { offset: 0.547, stopColor: "#8AA74A", stopOpacity: 0.453 }), jsx("stop", { offset: 0.68, stopColor: "#6D843C", stopOpacity: 0.32 }), jsx("stop", { offset: 0.812, stopColor: "#4A592B", stopOpacity: 0.188 }), jsx("stop", { offset: 0.941, stopColor: "#222717", stopOpacity: 0.059 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "fasys_svg__c", x1: 22.991, x2: 38.687, y1: 17.098, y2: 25.444, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.059, stopColor: "#9ABB51", stopOpacity: 0.941 }), jsx("stop", { offset: 0.126, stopColor: "#799241", stopOpacity: 0.874 }), jsx("stop", { offset: 0.199, stopColor: "#5C6E33", stopOpacity: 0.801 }), jsx("stop", { offset: 0.278, stopColor: "#435027", stopOpacity: 0.722 }), jsx("stop", { offset: 0.364, stopColor: "#2F371E", stopOpacity: 0.636 }), jsx("stop", { offset: 0.461, stopColor: "#202416", stopOpacity: 0.539 }), jsx("stop", { offset: 0.574, stopColor: "#151711", stopOpacity: 0.426 }), jsx("stop", { offset: 0.718, stopColor: "#0F0F0E", stopOpacity: 0.282 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "fasys_svg__d", x1: 19.928, x2: 40.786, y1: 30.47, y2: 41.56, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.044, stopColor: "#ADD35B", stopOpacity: 0.956 }), jsx("stop", { offset: 0.179, stopColor: "#839F46", stopOpacity: 0.821 }), jsx("stop", { offset: 0.317, stopColor: "#5F7235", stopOpacity: 0.683 }), jsx("stop", { offset: 0.454, stopColor: "#414E26", stopOpacity: 0.546 }), jsx("stop", { offset: 0.592, stopColor: "#2A311B", stopOpacity: 0.408 }), jsx("stop", { offset: 0.728, stopColor: "#1A1D13", stopOpacity: 0.272 }), jsx("stop", { offset: 0.865, stopColor: "#10110F", stopOpacity: 0.136 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "fasys_svg__e", x1: 11.41, x2: 23.431, y1: 35.185, y2: 41.577, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.15, stopColor: "#8FAD4C", stopOpacity: 0.85 }), jsx("stop", { offset: 0.302, stopColor: "#687D39", stopOpacity: 0.698 }), jsx("stop", { offset: 0.453, stopColor: "#475529", stopOpacity: 0.547 }), jsx("stop", { offset: 0.6, stopColor: "#2E351D", stopOpacity: 0.4 }), jsx("stop", { offset: 0.743, stopColor: "#1C1F14", stopOpacity: 0.257 }), jsx("stop", { offset: 0.878, stopColor: "#11120F", stopOpacity: 0.122 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "fasys_svg__f", x1: 21.928, x2: 26.094, y1: 15.581, y2: 17.796, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562", stopOpacity: 0.958 }), jsx("stop", { offset: 0.096, stopColor: "#B5DC5F", stopOpacity: 0.866 }), jsx("stop", { offset: 0.252, stopColor: "#A1C455", stopOpacity: 0.717 }), jsx("stop", { offset: 0.448, stopColor: "#819D46", stopOpacity: 0.529 }), jsx("stop", { offset: 0.676, stopColor: "#556630", stopOpacity: 0.31 }), jsx("stop", { offset: 0.93, stopColor: "#1E2115", stopOpacity: 0.067 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "fasys_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgFasys);

export { Memo as default };