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

import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';

const SvgVisi = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#visi_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: "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" }), 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 }), 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 }), 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 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "visi_svg__b", x1: 12.228, x2: 17.544, y1: 24.586, y2: 27.412, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.429, stopColor: "#6C823B", stopOpacity: 0.571 }), jsx("stop", { offset: 0.822, stopColor: "#282E1A", stopOpacity: 0.178 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "visi_svg__c", x1: 21.219, x2: 37.465, y1: 21.503, y2: 30.141, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.184, stopColor: "#A0C254", stopOpacity: 0.816 }), jsx("stop", { offset: 0.592, stopColor: "#596A32", stopOpacity: 0.408 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "visi_svg__d", x1: 21.888, x2: 38.133, y1: 21.859, y2: 30.497, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.078, stopColor: "#A0C254", stopOpacity: 0.922 }), jsx("stop", { offset: 0.199, stopColor: "#799241", stopOpacity: 0.801 }), jsx("stop", { offset: 0.323, stopColor: "#586931", stopOpacity: 0.677 }), jsx("stop", { offset: 0.449, stopColor: "#3D4824", stopOpacity: 0.551 }), jsx("stop", { offset: 0.578, stopColor: "#282E1A", stopOpacity: 0.422 }), jsx("stop", { offset: 0.71, stopColor: "#191C13", stopOpacity: 0.29 }), jsx("stop", { offset: 0.848, stopColor: "#10110E", stopOpacity: 0.152 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "visi_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgVisi);

export { Memo as default };