UNPKG

@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
'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;