@nexusui/branding/ScanControl.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 SvgScanControl = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "scan-control_svg__a", x1: 323.36, x2: 588.03, y1: 279.89, y2: 420.61, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#81daf7" }), jsx("stop", { offset: 1, stopColor: "#241f20" })] }), jsx("linearGradient", { xlinkHref: "#scan-control_svg__a", id: "scan-control_svg__b", x1: 352.71, x2: 518.82, y1: 595.5, y2: 683.82 }), jsx("linearGradient", { xlinkHref: "#scan-control_svg__a", id: "scan-control_svg__c", x1: 459.46, x2: 778.32, y1: 427.33, y2: 596.87 }), jsx("linearGradient", { xlinkHref: "#scan-control_svg__a", id: "scan-control_svg__d", x1: 457.72, x2: 495.24, y1: 564.26, y2: 584.21 })] }), jsx("path", { fill: "#fff", d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", "data-name": "Background - White" }), jsx("path", { fill: "#99d9f5", d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", "data-name": "Background - Lv3" }), jsxs("g", { "data-name": "[Place Icon Here - Standard Icon]", children: [jsxs("g", { fill: "#0d0d0d", children: [jsx("path", { d: "m434.97 440.26-65.46-113.39 35.39-60.67 136.59 236.59 35.95-62.26L405.08 142 298.71 326.24l101.17 175.68 35.09-61.66z" }), jsx("path", { d: "M506.16 707.62 405.5 882 298.71 697.05l171.91-297.3 35.58 61.62-135.96 236.32 35.21 60.98 65.28-112.42 35.43 61.37z" }), jsx("path", { d: "m654.49 327.31-35.39-60.67-65.17 112.88-35.94-62.26 100.93-174.82 106.37 184.24-177.72 309.53 70.98 122.02 35.21-60.98-64.55-112.63 35.67-61.39 100.41 173.38L618.5 881.56 476.62 636.21l177.87-308.9z" }), jsx("path", { d: "m446.9 584.62 35.58-61.63 23.72 40.62-35.72 61.86-23.58-40.85z" })] }), jsx("path", { fill: "url(#scan-control_svg__a)", d: "m434.97 440.26-65.46-113.39 35.39-60.67 136.59 236.59 35.95-62.26L405.08 142 298.71 326.24l101.17 175.68 35.09-61.66z", opacity: 0.48 }), jsxs("g", { fill: "none", opacity: 0.48, children: [jsx("path", { fill: "url(#scan-control_svg__b)", d: "M506.16 707.62 405.5 882 298.71 697.05l171.91-297.3 35.58 61.62-135.96 236.32 35.21 60.98 65.28-112.42 35.43 61.37z" }), jsx("path", { fill: "url(#scan-control_svg__c)", d: "m654.49 327.31-35.39-60.67-65.17 112.88-35.94-62.26 100.93-174.82 106.37 184.24-177.72 309.53 70.98 122.02 35.21-60.98-64.55-112.63 35.67-61.39 100.41 173.38L618.5 881.56 476.62 636.21l177.87-308.9z" })] }), jsx("path", { fill: "url(#scan-control_svg__d)", d: "m446.9 584.62 35.58-61.63 23.72 40.62-35.72 61.86-23.58-40.85z", opacity: 0.48 })] })] }));
const Memo = memo(SvgScanControl);

export { Memo as default };