@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) • 2.34 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgJavelin = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#javelin_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: "#BCE562", 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: "m44.79 23.344-6.679 3.854-12.096-6.987L13.9 27.209 7.22 23.354l18.794-10.857L44.79 23.344Z" }), jsx("path", { fill: "#0D0D0D", d: "m40.442 29.428-6.683 3.86-7.744-4.444-7.805 4.443-6.678-3.86 14.483-8.292 14.427 8.293Z" }), jsx("path", { fill: "#0D0D0D", d: "m36.197 35.648-6.678 3.855-3.504-1.99-3.463 1.98-6.678-3.855 10.141-5.87 10.182 5.88Z" }), jsx("path", { fill: "url(#javelin_svg__b)", d: "M25.985 12.497v7.709l-12.096 6.992-6.678-3.854 18.774-10.847Z", opacity: 0.8 }), jsx("path", { fill: "url(#javelin_svg__c)", d: "m11.558 29.428 6.683 3.854 7.744-4.438V21.13l-14.427 8.298Z", opacity: 0.8 }), jsx("path", { fill: "url(#javelin_svg__d)", d: "m15.803 35.643 6.678 3.86 3.504-1.99v-7.745l-10.182 5.875Z", opacity: 0.8 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "javelin_svg__b", x1: 13.686, x2: 24.471, y1: 16.524, y2: 22.259, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "javelin_svg__c", x1: 16.045, x2: 27.049, y1: 23.982, y2: 29.833, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "javelin_svg__d", x1: 19.083, x2: 27.793, y1: 31.896, y2: 36.527, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "javelin_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgJavelin);
export { Memo as default };