@nexusui/branding/cjs/Visi.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.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var react = require('react');

const SvgVisi = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsxs("g", { clipPath: "url(#visi_svg__a)", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "M14.884 20.094 11.477 26l3.407 5.906L18.297 26l-3.413-5.906ZM29.677 7.21 18.83 26l10.847 18.79L40.523 26 29.676 7.21ZM26.268 26l3.408-5.906L33.084 26l-3.408 5.906L26.27 26Z" }), jsxRuntime.jsx("path", { fill: "url(#visi_svg__b)", d: "M14.884 20.094 11.477 26l3.407 5.906L18.297 26l-3.413-5.906Z", opacity: 0.72 }), jsxRuntime.jsx("path", { fill: "url(#visi_svg__c)", d: "m26.269 26 3.408-5.906V7.211L18.83 26l10.847 18.79V31.905L26.268 26Z", opacity: 0.72 }), jsxRuntime.jsx("path", { fill: "url(#visi_svg__d)", d: "m33.084 26-3.408 5.906v12.883L40.523 26 29.676 7.21v12.884L33.084 26Z", opacity: 0.4 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "visi_svg__b", x1: 12.228, x2: 17.544, y1: 24.586, y2: 27.412, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.429, stopColor: "#6C823B", stopOpacity: 0.571 }), jsxRuntime.jsx("stop", { offset: 0.822, stopColor: "#282E1A", stopOpacity: 0.178 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "visi_svg__c", x1: 21.219, x2: 37.465, y1: 21.503, y2: 30.141, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.184, stopColor: "#A0C254", stopOpacity: 0.816 }), jsxRuntime.jsx("stop", { offset: 0.592, stopColor: "#596A32", stopOpacity: 0.408 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "visi_svg__d", x1: 21.888, x2: 38.133, y1: 21.859, y2: 30.497, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.078, stopColor: "#A0C254", stopOpacity: 0.922 }), jsxRuntime.jsx("stop", { offset: 0.199, stopColor: "#799241", stopOpacity: 0.801 }), jsxRuntime.jsx("stop", { offset: 0.323, stopColor: "#586931", stopOpacity: 0.677 }), jsxRuntime.jsx("stop", { offset: 0.449, stopColor: "#3D4824", stopOpacity: 0.551 }), jsxRuntime.jsx("stop", { offset: 0.578, stopColor: "#282E1A", stopOpacity: 0.422 }), jsxRuntime.jsx("stop", { offset: 0.71, stopColor: "#191C13", stopOpacity: 0.29 }), jsxRuntime.jsx("stop", { offset: 0.848, stopColor: "#10110E", stopOpacity: 0.152 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "visi_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgVisi);

exports["default"] = Memo;