@nexusui/branding/Surfcam.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 SvgSurfcam = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#surfcam_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: "M25.447 38.538h-8.582L7.21 21.82h8.582l9.654 16.717ZM26.553 38.538h8.582L44.79 21.82h-8.582l-9.654 16.717ZM16.326 20.891l-4.29-7.429h13.36v7.43h-9.07ZM35.628 20.891l4.291-7.429H26.56v7.43h9.07Z" }), jsx("path", { fill: "url(#surfcam_svg__b)", d: "M25.447 38.538h-8.582L7.21 21.82h8.582l9.654 16.717Z", opacity: 0.8 }), jsx("path", { fill: "url(#surfcam_svg__c)", d: "M26.553 38.538h8.582L44.79 21.82h-8.582l-9.654 16.717Z", opacity: 0.16 }), jsx("path", { fill: "url(#surfcam_svg__d)", d: "m16.326 20.891-4.29-7.429h13.36v7.43h-9.07Z", opacity: 0.8 }), jsx("path", { fill: "url(#surfcam_svg__e)", d: "m35.628 20.891 4.291-7.429H26.56v7.43h9.07Z", opacity: 0.24 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "surfcam_svg__b", x1: 5.755, x2: 26.9, y1: 24.558, y2: 35.801, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.101, stopColor: "#B7DF5F", stopOpacity: 0.899 }), jsx("stop", { offset: 0.242, stopColor: "#A8CD58", stopOpacity: 0.758 }), jsx("stop", { offset: 0.405, stopColor: "#90AF4D", stopOpacity: 0.595 }), jsx("stop", { offset: 0.586, stopColor: "#6F863D", stopOpacity: 0.414 }), jsx("stop", { offset: 0.781, stopColor: "#445128", stopOpacity: 0.219 }), jsx("stop", { offset: 0.986, stopColor: "#11120F", stopOpacity: 0.015 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "surfcam_svg__c", x1: 32.03, x2: 39.315, y1: 28.243, y2: 32.117, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.575, stopColor: "#556630", stopOpacity: 0.425 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "surfcam_svg__d", x1: 12.442, x2: 25.938, y1: 12.699, y2: 19.875, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.098, stopColor: "#B6DE5F", stopOpacity: 0.902 }), jsx("stop", { offset: 0.243, stopColor: "#A6CA57", stopOpacity: 0.757 }), jsx("stop", { offset: 0.417, stopColor: "#8BA94A", stopOpacity: 0.583 }), jsx("stop", { offset: 0.614, stopColor: "#667B38", stopOpacity: 0.386 }), jsx("stop", { offset: 0.828, stopColor: "#374122", stopOpacity: 0.172 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "surfcam_svg__e", x1: 26.491, x2: 36.907, y1: 13.588, y2: 19.126, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.575, stopColor: "#556630", stopOpacity: 0.425 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "surfcam_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgSurfcam);

export { Memo as default };