@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) • 3.8 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgHxgnSfxFinalInspection = (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-final-inspection_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: "M26 17.692 21.206 26 26 34.308 30.794 26 26 17.692Z" }), jsx("path", { fill: "#0D0D0D", d: "M25.563 16.94 20.77 8.634 10.74 26l10.03 17.367 4.793-8.308L20.333 26l5.23-9.06ZM26.437 16.94l4.793-8.307L41.26 26 31.23 43.367l-4.793-8.308L31.667 26l-5.23-9.06Z" }), jsx("path", { fill: "url(#hxgn-sfx-final-inspection_svg__b)", d: "M26 17.692 21.206 26 26 34.308V17.692Z", opacity: 0.64 }), jsx("path", { fill: "url(#hxgn-sfx-final-inspection_svg__c)", d: "M25.563 16.94 20.77 8.634 10.74 26l10.03 17.367 4.793-8.308L20.333 26l5.23-9.06Z", opacity: 0.8 }), jsx("path", { fill: "url(#hxgn-sfx-final-inspection_svg__d)", d: "m26.437 16.94 4.793-8.307L41.26 26 31.23 43.367l-4.793-8.308L31.667 26l-5.23-9.06Z", opacity: 0.16 }), jsx("path", { fill: "url(#hxgn-sfx-final-inspection_svg__e)", d: "M26 17.692v16.616L30.794 26 26 17.692Z", opacity: 0.2 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "hxgn-sfx-final-inspection_svg__b", x1: 22.262, x2: 29.443, y1: 24.012, y2: 27.83, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE", stopOpacity: 0.82 }), jsx("stop", { offset: 0.098, stopColor: "#AA9AD5", stopOpacity: 0.739 }), jsx("stop", { offset: 0.26, stopColor: "#9688BC", stopOpacity: 0.607 }), jsx("stop", { offset: 0.465, stopColor: "#776C94", stopOpacity: 0.439 }), jsx("stop", { offset: 0.704, stopColor: "#4B445C", stopOpacity: 0.242 }), jsx("stop", { offset: 0.971, stopColor: "#131315", stopOpacity: 0.024 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-sfx-final-inspection_svg__c", x1: 12.952, x2: 28.263, y1: 21.844, y2: 29.985, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE", stopOpacity: 0.82 }), jsx("stop", { offset: 0.567, stopColor: "#524B65", stopOpacity: 0.355 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-sfx-final-inspection_svg__d", x1: 23.737, x2: 39.048, y1: 22.015, y2: 30.156, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE", stopOpacity: 0.82 }), jsx("stop", { offset: 0.127, stopColor: "#A292CB", stopOpacity: 0.716 }), jsx("stop", { offset: 0.385, stopColor: "#7A6F98", stopOpacity: 0.504 }), jsx("stop", { offset: 0.748, stopColor: "#3C3748", stopOpacity: 0.207 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-sfx-final-inspection_svg__e", x1: 22.557, x2: 29.738, y1: 24.169, y2: 27.987, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE", stopOpacity: 0.82 }), jsx("stop", { offset: 0.127, stopColor: "#A292CB", stopOpacity: 0.716 }), jsx("stop", { offset: 0.385, stopColor: "#7A6F98", stopOpacity: 0.504 }), jsx("stop", { offset: 0.748, stopColor: "#3C3748", stopOpacity: 0.207 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "hxgn-sfx-final-inspection_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgHxgnSfxFinalInspection);
export { Memo as default };