@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) • 2 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgHxgnSfxArMonitoring = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#hxgn-sfx-ar-monitoring_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: "#B1A0DE", 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: "m14.335 19.642-7.124 4.114 7.774 4.488-7.774 4.49 7.124 4.113 7.775-4.49 7.78 4.49 7.124-4.113-22.679-13.092ZM14.986 19.266l7.13-4.113 7.774 4.49 7.774-4.49 6.897 3.981-7.547 4.622 7.775 4.488-7.125 4.114-22.678-13.092Z" }), jsx("path", { fill: "url(#hxgn-sfx-ar-monitoring_svg__b)", d: "m37.014 32.734-7.13 4.113-7.774-4.49-7.774 4.49-7.125-4.113 7.774-4.49-7.774-4.488 7.124-4.114 22.68 13.092Zm.65-.376 7.125-4.113-7.775-4.49 7.546-4.62-6.9-3.987-7.775 4.49-7.775-4.49-7.13 4.113 22.684 13.097Z", opacity: 0.64 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "hxgn-sfx-ar-monitoring_svg__b", x1: 18.02, x2: 49.177, y1: 21.757, y2: 38.323, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 0.264, stopColor: "#7A6F98", stopOpacity: 0.736 }), jsx("stop", { offset: 0.519, stopColor: "#4B455C", stopOpacity: 0.481 }), jsx("stop", { offset: 0.734, stopColor: "#2A2731", stopOpacity: 0.266 }), jsx("stop", { offset: 0.901, stopColor: "#151417", stopOpacity: 0.099 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "hxgn-sfx-ar-monitoring_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgHxgnSfxArMonitoring);
export { Memo as default };