@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.
12 lines (7 loc) • 5.42 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgRadan = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsxs("g", { clipPath: "url(#radan_svg__a)", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M37.157 25.726 29.839 13.05h-7.678l-7.318 12.675v6.611h7.003v-6.611l3.758-6.515.396-.686.396.686 3.758 6.515v6.611h7.003v-6.611Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m11.36 18.56-4.15 7.166v13.223h6.999V25.726l4.148-7.165H11.36ZM40.64 18.56l4.15 7.166v13.223H37.79V25.726l-4.148-7.165h6.997Z" }), jsxRuntime.jsx("path", { fill: "url(#radan_svg__b)", d: "M14.209 25.726H7.21v13.223h6.998V25.726Z", opacity: 0.24 }), jsxRuntime.jsx("path", { fill: "url(#radan_svg__c)", d: "M44.79 25.726h-6.998v13.223h6.997V25.726Z", opacity: 0.08 }), jsxRuntime.jsx("path", { fill: "url(#radan_svg__d)", d: "M30.154 25.726v6.611h7.003v-6.611", opacity: 0.08 }), jsxRuntime.jsx("path", { fill: "url(#radan_svg__e)", d: "M37.157 25.726h-6.998l-3.763-6.515-.396-.68-.396.68-3.763 6.515h-6.998l7.318-12.675H29.829l7.328 12.675Zm-22.948 0 4.148-7.165H11.36l-4.15 7.165h6.999Zm30.58 0L40.64 18.56h-6.997l4.148 7.165h6.998Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "url(#radan_svg__f)", d: "M21.84 25.726h-6.997v6.611h6.998v-6.611Z", opacity: 0.24 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "radan_svg__b", x1: 5.241, x2: 16.179, y1: 29.429, y2: 35.244, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.064, stopColor: "#B0D65C", stopOpacity: 0.936 }), jsxRuntime.jsx("stop", { offset: 0.529, stopColor: "#596B32", stopOpacity: 0.471 }), jsxRuntime.jsx("stop", { offset: 0.85, stopColor: "#222717", stopOpacity: 0.15 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "radan_svg__c", x1: 35.821, x2: 46.759, y1: 29.429, y2: 35.244, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.019, stopColor: "#B3DA5E", stopOpacity: 0.981 }), jsxRuntime.jsx("stop", { offset: 0.113, stopColor: "#8DAA4B", stopOpacity: 0.887 }), jsxRuntime.jsx("stop", { offset: 0.213, stopColor: "#6A803A", stopOpacity: 0.787 }), jsxRuntime.jsx("stop", { offset: 0.316, stopColor: "#4D5D2C", stopOpacity: 0.684 }), jsxRuntime.jsx("stop", { offset: 0.425, stopColor: "#364021", stopOpacity: 0.575 }), jsxRuntime.jsx("stop", { offset: 0.54, stopColor: "#242918", stopOpacity: 0.46 }), jsxRuntime.jsx("stop", { offset: 0.664, stopColor: "#171912", stopOpacity: 0.336 }), jsxRuntime.jsx("stop", { offset: 0.806, stopColor: "#0F100E", stopOpacity: 0.194 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "radan_svg__d", x1: 29.556, x2: 37.753, y1: 26.851, y2: 31.21, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.024, stopColor: "#B7DF60", stopOpacity: 0.977 }), jsxRuntime.jsx("stop", { offset: 0.384, stopColor: "#6F863D", stopOpacity: 0.616 }), jsxRuntime.jsx("stop", { offset: 0.678, stopColor: "#3A4523", stopOpacity: 0.322 }), jsxRuntime.jsx("stop", { offset: 0.89, stopColor: "#191C13", stopOpacity: 0.11 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "radan_svg__e", x1: 12.38, x2: 41.675, y1: 16.004, y2: 31.581, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.024, stopColor: "#B7DF60", stopOpacity: 0.977 }), jsxRuntime.jsx("stop", { offset: 0.384, stopColor: "#6F863D", stopOpacity: 0.616 }), jsxRuntime.jsx("stop", { offset: 0.678, stopColor: "#3A4523", stopOpacity: 0.322 }), jsxRuntime.jsx("stop", { offset: 0.89, stopColor: "#191C13", stopOpacity: 0.11 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "radan_svg__f", x1: 14.246, x2: 22.444, y1: 26.851, y2: 31.21, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.024, stopColor: "#B7DF60", stopOpacity: 0.977 }), jsxRuntime.jsx("stop", { offset: 0.384, stopColor: "#6F863D", stopOpacity: 0.616 }), jsxRuntime.jsx("stop", { offset: 0.678, stopColor: "#3A4523", stopOpacity: 0.322 }), jsxRuntime.jsx("stop", { offset: 0.89, stopColor: "#191C13", stopOpacity: 0.11 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "radan_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgRadan);
exports["default"] = Memo;