@nexusui/branding/ThreeDFormInspect.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 SvgThreeDFormInspect = (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: "three-d-form-inspect_svg__a", x1: 341.21, x2: 539.72, y1: 337.91, y2: 443.45, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 1, stopColor: "#231f20" })] }), jsx("linearGradient", { xlinkHref: "#three-d-form-inspect_svg__a", id: "three-d-form-inspect_svg__b", x1: 497.47, x2: 670.17, y1: 329.57, y2: 421.41 }), jsx("linearGradient", { xlinkHref: "#three-d-form-inspect_svg__a", id: "three-d-form-inspect_svg__c", x1: 353.18, x2: 525.89, y1: 602.59, y2: 694.43 }), jsx("linearGradient", { xlinkHref: "#three-d-form-inspect_svg__a", id: "three-d-form-inspect_svg__d", x1: 483.64, x2: 682.15, y1: 580.55, y2: 686.09 }), jsx("linearGradient", { xlinkHref: "#three-d-form-inspect_svg__a", id: "three-d-form-inspect_svg__e", x1: 144.9, x2: 404.5, y1: 506.47, y2: 576.03 }), jsx("linearGradient", { xlinkHref: "#three-d-form-inspect_svg__a", id: "three-d-form-inspect_svg__f", x1: 186.56, x2: 386.74, y1: 421.48, y2: 527.92 }), jsx("linearGradient", { xlinkHref: "#three-d-form-inspect_svg__a", id: "three-d-form-inspect_svg__g", x1: 621.97, x2: 855.35, y1: 433.05, y2: 557.14 }), jsx("linearGradient", { xlinkHref: "#three-d-form-inspect_svg__a", id: "three-d-form-inspect_svg__h", x1: 637.26, x2: 837.44, y1: 497.01, y2: 603.45 })] }), 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: [jsx("g", { fill: "#0d0d0d", children: jsx("path", { d: "M280.37 425.37h118.07v80.08H141.67l138.7-80.08zM743.63 425.84H625.56v80.08h256.77l-138.7-80.08zM280.37 598.16h118.07v-80.08H141.67l138.7 80.08zM743.63 598.63H625.56v-80.08h256.77l-138.7 80.08z" }) }), jsx("g", { fill: "#0d0d0d", children: jsx("path", { d: "M398.44 505.45V230.88l108.63 62.23v212.34H398.44zM625.56 505.92V231.34l-108.63 62.24v212.34h108.63zM398.44 518.08v274.58l108.63-62.24V518.08H398.44zM625.56 518.55v274.57l-108.63-62.23V518.55h108.63z" }) }), jsx("path", { fill: "url(#three-d-form-inspect_svg__a)", d: "M398.12 505.45V230.88l108.63 62.23v212.34H398.12z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-form-inspect_svg__b)", d: "M625.24 505.92V231.34L516.6 293.58v212.34h108.64z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-form-inspect_svg__c)", d: "M398.12 518.08v274.58l108.63-62.24V518.08H398.12z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-form-inspect_svg__d)", d: "M625.24 518.55v274.57L516.6 730.89V518.55h108.64z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-form-inspect_svg__e)", d: "M280.37 598.63h118.07v-80.08H141.67l138.7 80.08z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-form-inspect_svg__f)", d: "M280.37 425.84h118.07v80.08H141.67l138.7-80.08z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-form-inspect_svg__g)", d: "M743.63 426.3H625.56v80.08h256.77l-138.7-80.08z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-form-inspect_svg__h)", d: "m743.63 599.1-118.07-.01v-80.08h256.77l-138.7 80.09z", opacity: 0.48 })] })] }));
const Memo = memo(SvgThreeDFormInspect);

export { Memo as default };