@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.
30 lines (27 loc) • 3.72 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgHxgnQms = (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: "hxgn-qms_svg__linear-gradient", x1: 315.47, x2: 422.22, y1: 483.73, y2: 540.48, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#7ac8b0" }), jsx("stop", { offset: 0.89, stopColor: "#0d0d0d" })] }), jsx("linearGradient", { xlinkHref: "#hxgn-qms_svg__linear-gradient", id: "hxgn-qms_svg__linear-gradient-2", x1: 496.82, x2: 806.67, y1: 429.73, y2: 594.48 }), jsx("linearGradient", { xlinkHref: "#hxgn-qms_svg__linear-gradient", id: "hxgn-qms_svg__linear-gradient-3", x1: 410.51, x2: 610.09, y1: 581.55, y2: 687.67 }), jsx("linearGradient", { xlinkHref: "#hxgn-qms_svg__linear-gradient", id: "hxgn-qms_svg__linear-gradient-4", x1: 461.28, x2: 559.3, y1: 241.05, y2: 293.17 }), jsx("linearGradient", { xlinkHref: "#hxgn-qms_svg__linear-gradient", id: "hxgn-qms_svg__linear-gradient-5", x1: 410.51, x2: 606.21, y1: 581.55, y2: 685.61 }), jsx("linearGradient", { xlinkHref: "#hxgn-qms_svg__linear-gradient", id: "hxgn-qms_svg__linear-gradient-6", x1: 461.28, x2: 555.43, y1: 241.05, y2: 291.11 }), jsx("style", { children: '.hxgn-qms_svg__cls-5{fill:#0d0d0d}' })] }), jsx("path", { id: "hxgn-qms_svg__Background_-_White", 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", style: {
fill: '#fff',
} }), jsx("path", { id: "hxgn-qms_svg__Background_-_Lv3", 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", style: {
fill: '#7ac8b0',
} }), jsxs("g", { id: "hxgn-qms_svg__QMS", children: [jsx("path", { d: "m502.44 389.61-62.87-108.89-204.32 353.89 62.87 108.89 204.32-353.89zM518.15 389.61l62.87-108.89 204.32 353.89-62.87 108.89-204.32-353.89zM510.3 403.22l-62.87 108.89v245L510.3 866l62.86-108.89v-245L510.3 403.22zM510.3 158.24 447.43 267.1l62.87 108.89 62.86-108.89-62.86-108.86z", className: "hxgn-qms_svg__cls-5" }), jsx("path", { d: "m502.44 389.61-62.87-108.89-204.32 353.89 62.87 108.89 204.32-353.89z", style: {
opacity: 0.48,
fill: 'url(#hxgn-qms_svg__linear-gradient)',
} }), jsx("path", { d: "m518.15 389.61 62.87-108.89 204.32 353.89-62.87 108.89-204.32-353.89z", style: {
fill: 'url(#hxgn-qms_svg__linear-gradient-2)',
opacity: 0.24,
} }), jsx("path", { d: "m510.3 403.22-62.87 108.89v245L510.3 866l62.86-108.89v-245L510.3 403.22z", style: {
opacity: 0.24,
fill: 'url(#hxgn-qms_svg__linear-gradient-3)',
} }), jsx("path", { d: "M510.3 158.24 447.43 267.1l62.87 108.89 62.86-108.89-62.86-108.86z", style: {
fill: 'url(#hxgn-qms_svg__linear-gradient-4)',
opacity: 0.48,
} }), jsx("path", { d: "m510.3 403.22-62.87 108.89v245L510.3 866V403.22z", style: {
fill: 'url(#hxgn-qms_svg__linear-gradient-5)',
opacity: 0.24,
} }), jsx("path", { d: "M510.3 158.24 447.43 267.1l62.87 108.89V158.24z", style: {
fill: 'url(#hxgn-qms_svg__linear-gradient-6)',
opacity: 0.48,
} })] })] }));
const Memo = memo(SvgHxgnQms);
export { Memo as default };