@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.
8 lines (5 loc) • 3.76 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgMachiningStrategist = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#machining-strategist_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: "m26 38.34-9.242-16.006 4.108-7.12L26 24.111l5.134-8.897 4.108 7.12L26 38.34Z" }), jsx("path", { fill: "url(#machining-strategist_svg__b)", d: "M26 38.34V24.11l-5.134-8.896-4.108 7.12L26 38.34Z", opacity: 0.72 }), jsx("path", { fill: "#0D0D0D", d: "M17.784 39.452h16.433c.634 0 1.218-.34 1.538-.889l3.595-6.226v9.095a3.357 3.357 0 0 1-3.356 3.357H15.98a3.33 3.33 0 0 1-3.331-3.331v-9.12l3.595 6.225c.315.549.904.889 1.539.889ZM12.65 14.325l4.108-7.114h18.484l4.108 7.114h-26.7Z" }), jsx("path", { fill: "url(#machining-strategist_svg__c)", d: "M26.015 39.452h-8.231c-.635 0-1.22-.34-1.539-.889l-3.595-6.226v9.095a3.357 3.357 0 0 0 3.356 3.357H26l.015-5.337Z", opacity: 0.72 }), jsx("path", { fill: "url(#machining-strategist_svg__d)", d: "M26.015 7.21h-9.257l-4.108 7.115h13.365V7.211Z", opacity: 0.72 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "machining-strategist_svg__b", x1: 14.695, x2: 29.266, y1: 22.133, y2: 29.88, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.116, stopColor: "#B8E060", stopOpacity: 0.882 }), jsx("stop", { offset: 0.249, stopColor: "#ADD25B", stopOpacity: 0.747 }), jsx("stop", { offset: 0.391, stopColor: "#9ABB51", stopOpacity: 0.602 }), jsx("stop", { offset: 0.54, stopColor: "#809A45", stopOpacity: 0.451 }), jsx("stop", { offset: 0.694, stopColor: "#5E7134", stopOpacity: 0.294 }), jsx("stop", { offset: 0.849, stopColor: "#353E20", stopOpacity: 0.136 }), jsx("stop", { offset: 0.983, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "machining-strategist_svg__c", x1: 10.109, x2: 28.145, y1: 36.543, y2: 46.133, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.096, stopColor: "#B4DB5E", stopOpacity: 0.904 }), jsx("stop", { offset: 0.258, stopColor: "#9FC154", stopOpacity: 0.742 }), jsx("stop", { offset: 0.466, stopColor: "#7C9743", stopOpacity: 0.534 }), jsx("stop", { offset: 0.711, stopColor: "#4D5C2C", stopOpacity: 0.289 }), jsx("stop", { offset: 0.986, stopColor: "#10110F", stopOpacity: 0.014 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "machining-strategist_svg__d", x1: 14.115, x2: 26.782, y1: 7.995, y2: 14.73, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#BCE562" }), jsx("stop", { offset: 0.112, stopColor: "#B8E060", stopOpacity: 0.888 }), jsx("stop", { offset: 0.248, stopColor: "#ACD15A", stopOpacity: 0.752 }), jsx("stop", { offset: 0.397, stopColor: "#98B850", stopOpacity: 0.603 }), jsx("stop", { offset: 0.555, stopColor: "#7C9643", stopOpacity: 0.445 }), jsx("stop", { offset: 0.72, stopColor: "#586A32", stopOpacity: 0.28 }), jsx("stop", { offset: 0.888, stopColor: "#2D351D", stopOpacity: 0.112 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "machining-strategist_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgMachiningStrategist);
export { Memo as default };