@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.
8 lines (5 loc) • 5.61 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgNcsimul = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#ncsimul_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: "M20.053 8.633h7.48L15.636 29.24l-3.737-6.48 8.155-14.127ZM28.209 8.633l3.753 6.46L23.79 29.24h-7.475L28.209 8.633ZM19.373 8.633h-6.8l3.403 5.885 3.397-5.885ZM31.946 43.367h-7.48L36.364 22.76l3.738 6.48-8.156 14.127ZM23.791 43.367l-3.738-6.48L28.21 22.76h7.475L23.79 43.367ZM32.627 43.367h6.8l-3.403-5.885-3.397 5.885Z" }), jsx("path", { fill: "url(#ncsimul_svg__b)", d: "M20.053 8.633h7.48L15.636 29.24l-3.737-6.48 8.155-14.127Z", opacity: 0.64 }), jsx("path", { fill: "url(#ncsimul_svg__c)", d: "M16.316 29.24h7.475l8.17-14.148-3.752-6.46L16.316 29.24Z", opacity: 0.64 }), jsx("path", { fill: "url(#ncsimul_svg__d)", d: "M19.373 8.633h-6.8l3.403 5.885 3.397-5.885Z", opacity: 0.64 }), jsx("path", { fill: "url(#ncsimul_svg__e)", d: "M31.946 43.367h-7.48L36.364 22.76l3.738 6.48-8.156 14.127Z", opacity: 0.64 }), jsx("path", { fill: "url(#ncsimul_svg__f)", d: "M35.684 22.76h-7.475l-8.155 14.128 3.737 6.48L35.684 22.76Z", opacity: 0.64 }), jsx("path", { fill: "url(#ncsimul_svg__g)", d: "M32.627 43.367h6.8l-3.403-5.885-3.397 5.885Z", opacity: 0.8 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "ncsimul_svg__b", x1: 15.617, x2: 21.95, y1: 15.764, y2: 19.131, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.239, stopColor: "#88A549", stopOpacity: 0.761 }), jsx("stop", { offset: 0.506, stopColor: "#54642F", stopOpacity: 0.494 }), jsx("stop", { offset: 0.731, stopColor: "#2D351D", stopOpacity: 0.269 }), jsx("stop", { offset: 0.902, stopColor: "#161811", stopOpacity: 0.098 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "ncsimul_svg__c", x1: 21.896, x2: 28.229, y1: 18.741, y2: 22.108, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.022, stopColor: "#B6DE5F", stopOpacity: 0.978 }), jsx("stop", { offset: 0.224, stopColor: "#839F46", stopOpacity: 0.776 }), jsx("stop", { offset: 0.416, stopColor: "#596B32", stopOpacity: 0.584 }), jsx("stop", { offset: 0.596, stopColor: "#384222", stopOpacity: 0.404 }), jsx("stop", { offset: 0.758, stopColor: "#202516", stopOpacity: 0.242 }), jsx("stop", { offset: 0.898, stopColor: "#12130F", stopOpacity: 0.102 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "ncsimul_svg__d", x1: 12.479, x2: 17.779, y1: 8.814, y2: 11.632, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.305, stopColor: "#809A45", stopOpacity: 0.695 }), jsx("stop", { offset: 0.641, stopColor: "#424F27", stopOpacity: 0.359 }), jsx("stop", { offset: 0.881, stopColor: "#1C1F14", stopOpacity: 0.119 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "ncsimul_svg__e", x1: 30.05, x2: 36.383, y1: 32.87, y2: 36.236, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.05, stopColor: "#AED45B", stopOpacity: 0.95 }), jsx("stop", { offset: 0.242, stopColor: "#7E9844", stopOpacity: 0.758 }), jsx("stop", { offset: 0.426, stopColor: "#566730", stopOpacity: 0.574 }), jsx("stop", { offset: 0.599, stopColor: "#364021", stopOpacity: 0.401 }), jsx("stop", { offset: 0.757, stopColor: "#202416", stopOpacity: 0.243 }), jsx("stop", { offset: 0.896, stopColor: "#12130F", stopOpacity: 0.104 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "ncsimul_svg__f", x1: 23.771, x2: 30.104, y1: 29.892, y2: 33.259, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.203, stopColor: "#89A649", stopOpacity: 0.797 }), jsx("stop", { offset: 0.405, stopColor: "#5D7034", stopOpacity: 0.595 }), jsx("stop", { offset: 0.592, stopColor: "#3A4523", stopOpacity: 0.408 }), jsx("stop", { offset: 0.758, stopColor: "#222617", stopOpacity: 0.242 }), jsx("stop", { offset: 0.9, stopColor: "#121410", stopOpacity: 0.1 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "ncsimul_svg__g", x1: 34.221, x2: 39.521, y1: 40.367, y2: 43.186, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.112, stopColor: "#9CBD52", stopOpacity: 0.888 }), jsx("stop", { offset: 0.28, stopColor: "#71883D", stopOpacity: 0.72 }), jsx("stop", { offset: 0.445, stopColor: "#4D5C2C", stopOpacity: 0.555 }), jsx("stop", { offset: 0.603, stopColor: "#313A1F", stopOpacity: 0.397 }), jsx("stop", { offset: 0.751, stopColor: "#1D2115", stopOpacity: 0.248 }), jsx("stop", { offset: 0.888, stopColor: "#11120F", stopOpacity: 0.112 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "ncsimul_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgNcsimul);
export { Memo as default };