@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.
12 lines (7 loc) • 2.4 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgWorkplan = (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(#workplan_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: "M8.638 19.409h5.302l16.214 9.404 7.241 4.174 5.972 3.438v5.302h-5.306l-7.907-4.56-7.236-4.18-14.28-8.272V19.41ZM24.37 19.383h5.301l8.39 4.87 5.306 3.052v5.307h-5.306l-7.237-4.185-6.454-3.742v-5.302ZM24.37 10.258h5.301l8.39 4.87 5.306 3.057v5.301h-5.306l-6.455-3.747-7.236-4.18v-5.301ZM8.633 28.585h5.301l9.176 5.301 4.449 2.555v5.301h-5.302l-6.383-3.676-7.241-4.18v-5.301Z" }), jsxRuntime.jsx("path", { fill: "url(#workplan_svg__b)", d: "M8.638 19.409h5.302l16.214 9.4 7.236 4.178 5.977 3.438v5.302h-5.301l-7.907-4.555-7.236-4.18-14.28-8.277V19.41h-.005Zm15.732 5.276 6.454 3.742 7.236 4.18h5.307v-5.302l-5.301-3.057-8.39-4.87H24.37v5.307Zm0-9.126 7.236 4.18 6.454 3.747h5.307v-5.301l-5.301-3.057-8.395-4.87H24.37v5.301ZM8.633 33.886l7.241 4.18 6.383 3.676h5.302v-5.301l-4.449-2.55-9.17-5.306H8.633v5.301Z", opacity: 0.8 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "workplan_svg__b", x1: 9.725, x2: 46.05, y1: 17.365, y2: 36.68, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#BCE562" }), jsxRuntime.jsx("stop", { offset: 0.322, stopColor: "#7C9643", stopOpacity: 0.678 }), jsxRuntime.jsx("stop", { offset: 0.648, stopColor: "#414D26", stopOpacity: 0.352 }), jsxRuntime.jsx("stop", { offset: 0.883, stopColor: "#1B1F14", stopOpacity: 0.117 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "workplan_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgWorkplan);
exports["default"] = Memo;