UNPKG

@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.

26 lines (23 loc) 3.01 kB
import { jsxs, jsx } from 'react/jsx-runtime'; import { memo } from 'react'; const SvgPulse = (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: "pulse_svg__linear-gradient", x1: 294.3, x2: 740.92, y1: 200.33, y2: 437.8, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 0.11, stopColor: "#7fb6cd" }), jsx("stop", { offset: 0.29, stopColor: "#5d8393" }), jsx("stop", { offset: 0.46, stopColor: "#405863" }), jsx("stop", { offset: 0.62, stopColor: "#2a383d" }), jsx("stop", { offset: 0.77, stopColor: "#1a2023" }), jsx("stop", { offset: 0.9, stopColor: "#101212" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("linearGradient", { xlinkHref: "#pulse_svg__linear-gradient", id: "pulse_svg__linear-gradient-2", x1: 156.18, x2: 526.65, y1: 460.09, y2: 657.08 }), jsx("linearGradient", { xlinkHref: "#pulse_svg__linear-gradient", id: "pulse_svg__linear-gradient-3", x1: 437.15, x2: 601.22, y1: 460.14, y2: 547.37 }), jsx("style", { children: '.pulse_svg__cls-4{stroke-width:0;fill:#0d0d0d}' })] }), jsx("path", { id: "pulse_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', strokeWidth: 0, } }), jsxs("g", { id: "pulse_svg__Inline_Software", children: [jsx("path", { 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: '#97d9f5', strokeWidth: 0, } }), jsx("path", { d: "m422.01 169.78 323.48 187.29c23.35 13.52 23.34 47.23 0 60.74l-108.87 63L261 262.96l161.01-93.17Z", className: "pulse_svg__cls-4" }), jsx("path", { d: "M261 761.2V262.95l160.57 93.12.26 498.15L261 761.2zM475.77 387.51v186.32l160.85-93.03-160.85-93.29z", className: "pulse_svg__cls-4" }), jsx("path", { d: "m422.01 169.78 323.48 187.29c23.35 13.52 23.34 47.23 0 60.74l-108.87 63L261 262.96l161.01-93.17Z", style: { opacity: 0.48, strokeWidth: 0, fill: 'url(#pulse_svg__linear-gradient)', } }), jsx("path", { d: "M261 761.2V262.95l160.57 93.12.26 498.15L261 761.2z", style: { fill: 'url(#pulse_svg__linear-gradient-2)', opacity: 0.48, strokeWidth: 0, } }), jsx("path", { d: "M475.77 387.51v186.32l160.85-93.03-160.85-93.29z", style: { fill: 'url(#pulse_svg__linear-gradient-3)', opacity: 0.48, strokeWidth: 0, } })] })] })); const Memo = memo(SvgPulse); export { Memo as default };