@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.45 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgHxgnSfxDowntimeTagging = (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-downtime-tagging_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: "m7.21 31.515 6.019 10.42 12.385-21.45-6.018-10.42-12.385 21.45Z" }), jsx("path", { fill: "#0D0D0D", d: "m23.136 14.965 3.184 5.52-9.552 16.55 2.829 4.9 12.385-21.45-6.012-10.42-2.834 4.9Z" }), jsx("path", { fill: "#0D0D0D", d: "m29.504 14.965 3.189 5.52-9.557 16.55 2.829 4.9 12.39-21.45-6.017-10.42-2.834 4.9Z" }), jsx("path", { fill: "#0D0D0D", d: "m35.943 14.965 3.184 5.52-9.557 16.55 2.833 4.9 12.386-21.45-6.018-10.42-2.828 4.9Z" }), jsx("path", { fill: "url(#hxgn-sfx-downtime-tagging_svg__b)", d: "m7.21 31.515 6.019 10.42 12.385-21.45-6.018-10.42-12.385 21.45Z", opacity: 0.8 }), jsx("path", { fill: "url(#hxgn-sfx-downtime-tagging_svg__c)", d: "m23.136 14.965 3.184 5.52-9.552 16.55 2.829 4.9 12.385-21.45-6.012-10.42-2.834 4.9Z", opacity: 0.8 }), jsx("path", { fill: "url(#hxgn-sfx-downtime-tagging_svg__d)", d: "m29.504 14.965 3.189 5.52-9.557 16.55 2.829 4.9 12.39-21.45-6.017-10.42-2.834 4.9Z", opacity: 0.72 }), jsx("path", { fill: "url(#hxgn-sfx-downtime-tagging_svg__e)", d: "m35.943 14.965 3.184 5.52-9.557 16.55 2.833 4.9 12.386-21.45-6.018-10.42-2.828 4.9Z", opacity: 0.64 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "hxgn-sfx-downtime-tagging_svg__b", x1: 10.154, x2: 22.235, y1: 22.672, y2: 29.096, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 1, stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-sfx-downtime-tagging_svg__c", x1: 17.195, x2: 27.96, y1: 23.029, y2: 28.753, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 0.294, stopColor: "#8074A0", stopOpacity: 0.706 }), jsx("stop", { offset: 0.971, stopColor: "#050507", stopOpacity: 0.029 }), jsx("stop", { offset: 1, stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-sfx-downtime-tagging_svg__d", x1: 23.565, x2: 34.33, y1: 23.029, y2: 28.753, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 0.294, stopColor: "#8074A0", stopOpacity: 0.706 }), jsx("stop", { offset: 0.971, stopColor: "#050507", stopOpacity: 0.029 }), jsx("stop", { offset: 1, stopOpacity: 0 })] }), jsxs("linearGradient", { id: "hxgn-sfx-downtime-tagging_svg__e", x1: 30.001, x2: 40.765, y1: 23.029, y2: 28.753, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#B1A0DE" }), jsx("stop", { offset: 0.294, stopColor: "#8074A0", stopOpacity: 0.706 }), jsx("stop", { offset: 0.971, stopColor: "#050507", stopOpacity: 0.029 }), jsx("stop", { offset: 1, stopOpacity: 0 })] }), jsx("clipPath", { id: "hxgn-sfx-downtime-tagging_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgHxgnSfxDowntimeTagging);
export { Memo as default };