@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) • 7.43 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgSheetMetalQuoting = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 50 50", ...props, children: [jsxs("g", { clipPath: "url(#sheet-metal-quoting_svg__a)", children: [jsx("path", { fill: "url(#sheet-metal-quoting_svg__b)", d: "M0 15.625C0 6.995 6.996 0 15.625 0h18.75C43.005 0 50 6.996 50 15.625v18.75C50 43.005 43.004 50 34.375 50h-18.75C6.995 50 0 43.004 0 34.375v-18.75Z" }), jsx("path", { fill: "#0D0D0D", d: "M32.297 29.62v7.815L24.912 41.7l-6.769-3.908 14.154-8.172ZM24.912 8.3l6.77 3.909v8.527l-6.77-3.908V8.301ZM18.143 20.736l6.77 3.909 6.769-3.909-6.77-3.908-6.77 3.908ZM24.912 25.352l6.77 3.908-6.77 3.912v-7.82Z" }), jsx("path", { fill: "#0D0D0D", d: "m18.143 20.736 6.77 3.909v8.527l-6.77-3.908v-8.528ZM39.682 16.828l-6.77 3.908 6.77 3.909v-7.817ZM10.142 16.118l6.77-3.909-6.77-3.908v7.817ZM10.142 33.172l6.77-3.908-6.77-3.909v7.817ZM39.682 33.882l-6.77 3.909 6.77 3.908v-7.817Z" }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__c)", d: "M32.297 29.62v7.815L24.912 41.7l-6.769-3.908 14.154-8.172Z", opacity: 0.5 }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__d)", d: "m24.912 8.3 6.77 3.909v8.527l-6.77-3.908V8.301Z", opacity: 0.8 }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__e)", d: "m18.143 20.736 6.77 3.909 6.769-3.909-6.77-3.908-6.77 3.908Z", opacity: 0.8 }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__f)", d: "m24.912 25.352 6.77 3.908-6.77 3.912v-7.82Z", opacity: 0.6 }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__g)", d: "m18.143 20.736 6.77 3.909v8.527l-6.77-3.908v-8.528Z", opacity: 0.7 }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__h)", d: "m39.682 16.828-6.77 3.908 6.77 3.909v-7.817Z", opacity: 0.3 }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__i)", d: "m10.142 16.118 6.77-3.909-6.77-3.908v7.817Z", opacity: 0.5 }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__j)", d: "m10.142 33.172 6.77-3.908-6.77-3.909v7.817Z", opacity: 0.3 }), jsx("path", { fill: "url(#sheet-metal-quoting_svg__k)", d: "m39.682 33.882-6.77 3.909 6.77 3.908v-7.817Z", opacity: 0.3 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "sheet-metal-quoting_svg__b", x1: 0.006, x2: 49.994, y1: 11.711, y2: 38.289, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.195, stopColor: "#A2D769" }), jsx("stop", { offset: 0.351, stopColor: "#98D36E" }), jsx("stop", { offset: 0.494, stopColor: "#87CC76" }), jsx("stop", { offset: 0.629, stopColor: "#6FC382" }), jsx("stop", { offset: 0.758, stopColor: "#50B792" }), jsx("stop", { offset: 0.882, stopColor: "#2BA9A4" }), jsx("stop", { offset: 1, stopColor: "#0098BA" })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__c", x1: 21.333, x2: 32.22, y1: 31.793, y2: 37.581, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.181, stopColor: "#86AF55", stopOpacity: 0.819 }), jsx("stop", { offset: 0.581, stopColor: "#45582E", stopOpacity: 0.419 }), jsx("stop", { offset: 0.864, stopColor: "#1D2216", stopOpacity: 0.137 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__d", x1: 23.081, x2: 33.513, y1: 11.745, y2: 17.292, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__e", x1: 19.635, x2: 30.19, y1: 17.93, y2: 23.542, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.26, stopColor: "#789C4C", stopOpacity: 0.74 }), jsx("stop", { offset: 0.618, stopColor: "#3F502B", stopOpacity: 0.382 }), jsx("stop", { offset: 0.873, stopColor: "#1B1F15", stopOpacity: 0.127 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__f", x1: 23.291, x2: 30.189, y1: 28.4, y2: 32.068, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 0.133, stopColor: "#10110F", stopOpacity: 0.133 }), jsx("stop", { offset: 0.273, stopColor: "#1A1E15", stopOpacity: 0.273 }), jsx("stop", { offset: 0.417, stopColor: "#2A331E", stopOpacity: 0.417 }), jsx("stop", { offset: 0.563, stopColor: "#40512B", stopOpacity: 0.563 }), jsx("stop", { offset: 0.712, stopColor: "#5C773C", stopOpacity: 0.712 }), jsx("stop", { offset: 0.859, stopColor: "#7FA550", stopOpacity: 0.859 }), jsx("stop", { offset: 1, stopColor: "#A5D867" })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__g", x1: 16.311, x2: 26.744, y1: 24.181, y2: 29.728, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__h", x1: 34.404, x2: 41.302, y1: 17.93, y2: 21.598, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 0.1, stopColor: "#141611", stopOpacity: 0.1 }), jsx("stop", { offset: 0.263, stopColor: "#262E1C", stopOpacity: 0.263 }), jsx("stop", { offset: 0.468, stopColor: "#43552D", stopOpacity: 0.468 }), jsx("stop", { offset: 0.706, stopColor: "#6C8B45", stopOpacity: 0.706 }), jsx("stop", { offset: 0.971, stopColor: "#9FD063", stopOpacity: 0.971 }), jsx("stop", { offset: 1, stopColor: "#A5D867" })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__i", x1: 8.522, x2: 15.42, y1: 11.348, y2: 15.015, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.103, stopColor: "#9DCD62", stopOpacity: 0.897 }), jsx("stop", { offset: 0.283, stopColor: "#87B055", stopOpacity: 0.717 }), jsx("stop", { offset: 0.518, stopColor: "#648140", stopOpacity: 0.482 }), jsx("stop", { offset: 0.798, stopColor: "#334024", stopOpacity: 0.202 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__j", x1: 8.522, x2: 15.42, y1: 28.402, y2: 32.07, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.146, stopColor: "#94C15D", stopOpacity: 0.854 }), jsx("stop", { offset: 0.454, stopColor: "#668442", stopOpacity: 0.546 }), jsx("stop", { offset: 0.894, stopColor: "#1F2518", stopOpacity: 0.105 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "sheet-metal-quoting_svg__k", x1: 34.404, x2: 41.302, y1: 34.985, y2: 38.652, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 0.1, stopColor: "#141611", stopOpacity: 0.1 }), jsx("stop", { offset: 0.263, stopColor: "#262E1C", stopOpacity: 0.263 }), jsx("stop", { offset: 0.468, stopColor: "#43552D", stopOpacity: 0.468 }), jsx("stop", { offset: 0.706, stopColor: "#6C8B45", stopOpacity: 0.706 }), jsx("stop", { offset: 0.971, stopColor: "#9FD063", stopOpacity: 0.971 }), jsx("stop", { offset: 1, stopColor: "#A5D867" })] }), jsx("clipPath", { id: "sheet-metal-quoting_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h50v50H0z" }) })] })] }));
const Memo = memo(SvgSheetMetalQuoting);
export { Memo as default };