@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.62 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgHxgnSfxAssetManagement = (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-asset-management_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: "m11.898 12.223 19.525 11.274v10.019l8.679-5.012v-10.02L20.577 7.211l-8.68 5.012Z" }), jsx("path", { fill: "#0D0D0D", d: "m11.898 23.497 9.76 5.636v10.02l8.684-5.013-.005-10.019-9.76-5.637-8.68 5.012Z" }), jsx("path", { fill: "url(#hxgn-sfx-asset-management_svg__b)", d: "M40.102 18.484 20.577 7.211l-8.68 5.012 19.526 11.274", opacity: 0.8 }), jsx("path", { fill: "url(#hxgn-sfx-asset-management_svg__c)", d: "m30.337 24.121-9.76-5.637-8.68 5.012 9.761 5.637", opacity: 0.8 }), jsx("path", { fill: "#0D0D0D", d: "M20.576 29.758v10.019l-8.678 5.012V34.77l8.678-5.011Z" })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "hxgn-sfx-asset-management_svg__b", x1: 13.708, x2: 38.292, y1: 8.817, y2: 21.889, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 0.101, stopColor: "#AC9BD7", stopOpacity: 0.899 }), jsx("stop", { offset: 0.247, stopColor: "#9C8EC4", stopOpacity: 0.753 }), jsx("stop", { offset: 0.421, stopColor: "#8477A4", stopOpacity: 0.579 }), jsx("stop", { offset: 0.617, stopColor: "#615878", stopOpacity: 0.383 }), jsx("stop", { offset: 0.827, stopColor: "#353140", stopOpacity: 0.173 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-sfx-asset-management_svg__c", x1: 13.8, x2: 28.436, y1: 19.917, y2: 27.699, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 0.12, stopColor: "#A394CD", stopOpacity: 0.88 }), jsx("stop", { offset: 0.358, stopColor: "#80749F", stopOpacity: 0.642 }), jsx("stop", { offset: 0.689, stopColor: "#474157", stopOpacity: 0.311 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "hxgn-sfx-asset-management_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgHxgnSfxAssetManagement);
export { Memo as default };