@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
JavaScript
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 };