@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) • 3.78 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgQStat = (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(#q-stat_svg__a)", children: [jsxRuntime.jsx("path", { fill: "#8FB4EF", d: "M0 16.25C0 7.275 7.275 0 16.25 0h19.5C44.725 0 52 7.275 52 16.25v19.5C52 44.725 44.725 52 35.75 52h-19.5C7.275 52 0 44.725 0 35.75v-19.5Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M39.38 35.724 25.976 43.42 12.62 35.7v-7.554l13.357 7.713 13.4-7.69.002 7.555Z" }), jsxRuntime.jsx("path", { fill: "url(#q-stat_svg__b)", d: "m12.62 35.723 13.404 7.697v-7.56l-13.402-7.69-.001 7.553Z", opacity: 0.64 }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M25.705 12.356v15.099l-6.543 3.784-6.542-3.784v-7.553l6.542 3.776v-7.545l-6.539-3.776 6.54-3.777 6.54 3.777.002-.001Z" }), jsxRuntime.jsx("path", { fill: "url(#q-stat_svg__c)", d: "M25.705 12.356v15.099l-6.543 3.784-6.542-3.784v-7.553l6.542 3.776v-7.545l-6.539-3.776 6.54-3.777 6.54 3.777.002-.001Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m39.38 19.902-6.538 3.776v7.56L26.3 27.456V19.9l6.54-3.775 6.54 3.777Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m25.704 12.36-6.54 3.775V31.24l6.542-3.783v-15.1l-.002.002Z", opacity: 0.8 }), jsxRuntime.jsx("path", { fill: "url(#q-stat_svg__d)", d: "m26.3 19.9 6.54-3.775 6.54 3.777-6.538 3.776", opacity: 0.64 }), jsxRuntime.jsx("path", { fill: "url(#q-stat_svg__e)", d: "M32.842 23.678v7.56L26.3 27.456V19.9", opacity: 0.08 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "q-stat_svg__b", x1: 10.939, x2: 27.708, y1: 31.337, y2: 40.253, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#72A7FB" }), jsxRuntime.jsx("stop", { offset: 0.09, stopColor: "#6FA3F5", stopOpacity: 0.98 }), jsxRuntime.jsx("stop", { offset: 0.22, stopColor: "#6899E5", stopOpacity: 0.91 }), jsxRuntime.jsx("stop", { offset: 0.36, stopColor: "#5D87CB", stopOpacity: 0.8 }), jsxRuntime.jsx("stop", { offset: 0.52, stopColor: "#4E70A6", stopOpacity: 0.64 }), jsxRuntime.jsx("stop", { offset: 0.69, stopColor: "#3A5177", stopOpacity: 0.45 }), jsxRuntime.jsx("stop", { offset: 0.86, stopColor: "#222D3E", stopOpacity: 0.21 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "q-stat_svg__c", x1: 10.934, x2: 27.391, y1: 15.534, y2: 24.284, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#72A7FB" }), jsxRuntime.jsx("stop", { offset: 0.12, stopColor: "#6899E5", stopOpacity: 0.91 }), jsxRuntime.jsx("stop", { offset: 0.37, stopColor: "#5175AE", stopOpacity: 0.68 }), jsxRuntime.jsx("stop", { offset: 0.72, stopColor: "#2C3C56", stopOpacity: 0.31 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "q-stat_svg__d", x1: 27.741, x2: 37.939, y1: 17.189, y2: 22.611, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#72A7FB" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "q-stat_svg__e", x1: 24.671, x2: 34.471, y1: 22.964, y2: 28.175, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#72A7FB" }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "q-stat_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgQStat);
exports["default"] = Memo;