@nexusui/branding/Smirt.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 SvgSmirt = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#smirt_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: "M12.116 8.633 9.03 13.975h13.117l3.082-5.342H12.116ZM26.772 8.633l3.082 5.342h13.117l-3.088-5.342H26.772ZM29.087 13.975h-6.175L26 19.322l3.087-5.347Z" }), jsx("path", { fill: "#0D0D0D", d: "m15.59 14.645 3.468 6.013h13.884l3.468-6.013L42.971 26H9.029l6.56-11.355ZM22.526 26.67 26 32.678l3.468-6.008h6.175L26 43.367 16.356 26.67h6.17Z" }), jsx("path", { fill: "url(#smirt_svg__b)", d: "M12.116 8.633 9.03 13.975h13.117l3.082-5.342H12.116Z", opacity: 0.8 }), jsx("path", { fill: "url(#smirt_svg__c)", d: "m26.772 8.633 3.082 5.342h13.117l-3.088-5.342H26.772Z", opacity: 0.24 }), jsx("path", { fill: "#0D0D0D", d: "M29.087 13.975h-6.175L26 19.322l3.087-5.347Z", opacity: 0.4 }), jsx("path", { fill: "url(#smirt_svg__d)", d: "m15.59 14.645 3.468 6.013h13.884l3.468-6.013L42.971 26H9.029l6.56-11.355Z", opacity: 0.8 }), jsx("path", { fill: "url(#smirt_svg__e)", d: "M22.897 13.975h3.057l.026 5.347-3.083-5.347Z", opacity: 0.8 }), jsx("path", { fill: "url(#smirt_svg__f)", d: "M26 32.673 22.53 26.66h-6.175L26 43.362v-10.69Z", opacity: 0.8 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "smirt_svg__b", x1: 10.79, x2: 23.322, y1: 7.934, y2: 14.597, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.097, stopColor: "#B6DE5F", stopOpacity: 0.903 }), jsx("stop", { offset: 0.244, stopColor: "#A5C957", stopOpacity: 0.756 }), jsx("stop", { offset: 0.421, stopColor: "#8AA74A", stopOpacity: 0.579 }), jsx("stop", { offset: 0.623, stopColor: "#637837", stopOpacity: 0.377 }), jsx("stop", { offset: 0.843, stopColor: "#333C20", stopOpacity: 0.157 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "smirt_svg__c", x1: 27.448, x2: 42.291, y1: 7.359, y2: 15.251, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.667, stopColor: "#455228", stopOpacity: 0.333 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "smirt_svg__d", x1: 14.402, x2: 40.859, y1: 15.899, y2: 29.966, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.667, stopColor: "#455228", stopOpacity: 0.333 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "smirt_svg__e", x1: 22.466, x2: 27.086, y1: 14.786, y2: 17.243, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.667, stopColor: "#455228", stopOpacity: 0.333 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "smirt_svg__f", x1: 14.64, x2: 29.078, y1: 29.894, y2: 37.571, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.667, stopColor: "#455228", stopOpacity: 0.333 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "smirt_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgSmirt);

export { Memo as default };