@nexusui/branding/Hlm.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 SvgHlm = (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: "hlm_svg__Degrade_sans_nom_14", x1: 0.13, x2: 1023.87, y1: 239.83, y2: 784.17, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.19, stopColor: "#a1d668" }), jsx("stop", { offset: 0.35, stopColor: "#97d26d" }), jsx("stop", { offset: 0.49, stopColor: "#86cc76" }), jsx("stop", { offset: 0.63, stopColor: "#6fc382" }), jsx("stop", { offset: 0.76, stopColor: "#50b791" }), jsx("stop", { offset: 0.88, stopColor: "#2ba8a4" }), jsx("stop", { offset: 1, stopColor: "#0098ba" })] }), jsxs("linearGradient", { id: "hlm_svg__linear-gradient", x1: 193.49, x2: 468.3, y1: 414.33, y2: 629.03, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.6, stopColor: "#485c30", stopOpacity: 0.39 }), jsx("stop", { offset: 1, stopColor: "#0d0d0d", stopOpacity: 0 })] }), jsx("linearGradient", { xlinkHref: "#hlm_svg__linear-gradient", id: "hlm_svg__linear-gradient-2", x1: 291.47, x2: 836.16, y1: 214.68, y2: 640.24 }), jsx("linearGradient", { xlinkHref: "#hlm_svg__linear-gradient", id: "hlm_svg__linear-gradient-3", x1: 404.77, x2: 630.02, y1: 701.38, y2: 877.36 }), jsx("style", { children: '.hlm_svg__cls-3{fill:#111}' })] }), jsx("path", { id: "hlm_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',
            } }), jsxs("g", { id: "hlm_svg__Option_2", children: [jsx("rect", { width: 1024, height: 1024, rx: 320, ry: 320, style: {
                        fill: 'url(#hlm_svg__Degrade_sans_nom_14)',
                    } }), jsx("path", { d: "m290.64 727.28 183.57-105.82V396.6L290.64 289.97v437.31z", className: "hlm_svg__cls-3" }), jsx("path", { d: "M290.64 215.73 603.78 396.6v299.64l129.58 75.58V322.36L420.22 141.5l-129.58 74.23zM474.21 696.24 679.37 814.2l-118.78 68.3-205.16-117.97 118.78-68.29z", className: "hlm_svg__cls-3" }), jsxs("g", { style: {
                        opacity: 0.7,
                    }, children: [jsx("path", { d: "m290.64 727.28 183.57-105.82V396.6L290.64 289.97v437.31z", style: {
                                fill: 'url(#hlm_svg__linear-gradient)',
                            } }), jsx("path", { d: "M290.64 215.73 603.78 396.6v299.64l129.58 75.58V322.36L420.22 141.5l-129.58 74.23z", style: {
                                fill: 'url(#hlm_svg__linear-gradient-2)',
                            } }), jsx("path", { d: "M474.21 696.24 679.37 814.2l-118.78 68.3-205.16-117.97 118.78-68.29z", style: {
                                fill: 'url(#hlm_svg__linear-gradient-3)',
                                opacity: 0.4,
                            } })] })] })] }));
const Memo = memo(SvgHlm);

export { Memo as default };