@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.87 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgSimufactForming = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#simufact-forming_svg__a)", children: [jsx("path", { fill: "#FF7553", 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: "m43.367 13.452-8.125 4.692v9.385l8.125-4.693v-9.384Z" }), jsx("path", { fill: "url(#simufact-forming_svg__b)", d: "m43.367 13.452-8.125 4.692v9.385l8.125-4.693v-9.384Z", opacity: 0.08 }), jsx("path", { fill: "#0D0D0D", d: "m42.631 13.025-8.125 4.693v10.237l-8.872 5.119-8.13-4.692 8.867-5.12V13.026l6.058-3.498a4.138 4.138 0 0 1 4.144 0l6.058 3.498Z" }), jsx("path", { fill: "url(#simufact-forming_svg__c)", d: "m26.376 13.025 6.058-3.498a4.138 4.138 0 0 1 4.144 0l6.058 3.498-8.125 4.693", opacity: 0.32 }), jsx("path", { fill: "url(#simufact-forming_svg__d)", d: "m34.5 27.955-8.866 5.119-8.125-4.692 8.867-5.12 8.125 4.693Z", opacity: 0.24 }), jsx("path", { fill: "url(#simufact-forming_svg__e)", d: "M34.5 17.718v10.237l-8.124-4.692V13.025l8.125 4.693Z", opacity: 0.32 }), jsx("path", { fill: "#0D0D0D", d: "M25.634 33.927v9.384l15.656-9.039a4.154 4.154 0 0 0 2.077-3.6v-6.983L25.634 33.927Z" }), jsx("path", { fill: "url(#simufact-forming_svg__f)", d: "M25.634 33.927v9.384l15.656-9.039a4.154 4.154 0 0 0 2.077-3.6v-6.983L25.634 33.927Z", opacity: 0.16 }), jsx("path", { fill: "#0D0D0D", d: "M16.032 18.144v10.238l8.866 5.118v9.385L10.71 34.694a4.154 4.154 0 0 1-2.077-3.6v-17.22l7.399 4.27Z" }), jsx("path", { fill: "url(#simufact-forming_svg__g)", d: "M16.032 18.144v10.238l8.866 5.118v9.385L10.71 34.694a4.154 4.154 0 0 1-2.077-3.6v-17.22l7.399 4.27Z", opacity: 0.72 }), jsx("path", { fill: "#0D0D0D", d: "M25.568 12.507v10.345l-8.825 5.098V17.758s-8.46-4.458-8.09-4.672c.254-.147 4.296-2.432 6.825-3.86a4.136 4.136 0 0 1 4.022-.03l6.068 3.311Z" }), jsx("path", { fill: "url(#simufact-forming_svg__h)", d: "M16.743 17.758s-8.46-4.458-8.09-4.672c.254-.147 4.296-2.432 6.825-3.86a4.136 4.136 0 0 1 4.022-.03l6.068 3.311", opacity: 0.72 }), jsx("path", { fill: "url(#simufact-forming_svg__i)", d: "M25.569 12.507v10.345l-8.826 5.098V17.758l8.826-5.25Z", opacity: 0.24 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "simufact-forming_svg__b", x1: 35.085, x2: 48.477, y1: 18.246, y2: 25.367, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#FF7553" }), jsx("stop", { offset: 0.213, stopColor: "#C95E44", stopOpacity: 0.788 }), jsx("stop", { offset: 0.76, stopColor: "#44251D", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0E0E0E", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "simufact-forming_svg__c", x1: 28.028, x2: 48.521, y1: 9.624, y2: 20.52, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#FF7553" }), jsx("stop", { offset: 0.179, stopColor: "#C55C42", stopOpacity: 0.822 }), jsx("stop", { offset: 0.399, stopColor: "#854130", stopOpacity: 0.602 }), jsx("stop", { offset: 0.598, stopColor: "#522B21", stopOpacity: 0.402 }), jsx("stop", { offset: 0.771, stopColor: "#2D1B17", stopOpacity: 0.229 }), jsx("stop", { offset: 0.911, stopColor: "#161210", stopOpacity: 0.089 }), jsx("stop", { offset: 1, stopColor: "#0E0E0E", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "simufact-forming_svg__d", x1: 19.344, x2: 40.484, y1: 24.627, y2: 35.867, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#FF7553" }), jsx("stop", { offset: 0.068, stopColor: "#D56347", stopOpacity: 0.933 }), jsx("stop", { offset: 0.154, stopColor: "#A74F3A", stopOpacity: 0.847 }), jsx("stop", { offset: 0.245, stopColor: "#7E3E2E", stopOpacity: 0.756 }), jsx("stop", { offset: 0.34, stopColor: "#5B2F24", stopOpacity: 0.661 }), jsx("stop", { offset: 0.44, stopColor: "#3F231C", stopOpacity: 0.561 }), jsx("stop", { offset: 0.547, stopColor: "#291A16", stopOpacity: 0.453 }), jsx("stop", { offset: 0.665, stopColor: "#1A1311", stopOpacity: 0.335 }), jsx("stop", { offset: 0.802, stopColor: "#110F0F", stopOpacity: 0.198 }), jsx("stop", { offset: 1, stopColor: "#0E0E0E", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "simufact-forming_svg__e", x1: 24.057, x2: 44.312, y1: 17.097, y2: 27.867, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#FF7553" }), jsx("stop", { offset: 0.005, stopColor: "#FD7453", stopOpacity: 0.997 }), jsx("stop", { offset: 0.119, stopColor: "#C65D43", stopOpacity: 0.882 }), jsx("stop", { offset: 0.237, stopColor: "#954835", stopOpacity: 0.764 }), jsx("stop", { offset: 0.357, stopColor: "#6B3629", stopOpacity: 0.644 }), jsx("stop", { offset: 0.478, stopColor: "#4A271F", stopOpacity: 0.523 }), jsx("stop", { offset: 0.601, stopColor: "#2F1C18", stopOpacity: 0.399 }), jsx("stop", { offset: 0.727, stopColor: "#1D1412", stopOpacity: 0.273 }), jsx("stop", { offset: 0.858, stopColor: "#12100F", stopOpacity: 0.142 }), jsx("stop", { offset: 1, stopColor: "#0E0E0E", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "simufact-forming_svg__f", x1: 27.643, x2: 48.513, y1: 29.854, y2: 40.951, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#FF7553" }), jsx("stop", { offset: 0.036, stopColor: "#EC6D4E", stopOpacity: 0.966 }), jsx("stop", { offset: 0.138, stopColor: "#B9573F", stopOpacity: 0.863 }), jsx("stop", { offset: 0.245, stopColor: "#8B4332", stopOpacity: 0.756 }), jsx("stop", { offset: 0.354, stopColor: "#643327", stopOpacity: 0.647 }), jsx("stop", { offset: 0.467, stopColor: "#45261E", stopOpacity: 0.534 }), jsx("stop", { offset: 0.584, stopColor: "#2D1B17", stopOpacity: 0.417 }), jsx("stop", { offset: 0.707, stopColor: "#1B1412", stopOpacity: 0.294 }), jsx("stop", { offset: 0.839, stopColor: "#110F0F", stopOpacity: 0.161 }), jsx("stop", { offset: 1, stopColor: "#0E0E0E", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "simufact-forming_svg__g", x1: 4.175, x2: 44.132, y1: 21.685, y2: 42.93, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#FF7553" }), jsx("stop", { offset: 0.213, stopColor: "#C95E44", stopOpacity: 0.788 }), jsx("stop", { offset: 0.76, stopColor: "#44251D", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0E0E0E", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "simufact-forming_svg__h", x1: 10.451, x2: 31.395, y1: 9.399, y2: 20.535, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#FF7553" }), jsx("stop", { offset: 0.09, stopColor: "#F67150", stopOpacity: 0.911 }), jsx("stop", { offset: 0.237, stopColor: "#DC6649", stopOpacity: 0.764 }), jsx("stop", { offset: 0.425, stopColor: "#B2543D", stopOpacity: 0.576 }), jsx("stop", { offset: 0.646, stopColor: "#793C2D", stopOpacity: 0.354 }), jsx("stop", { offset: 0.893, stopColor: "#301C18", stopOpacity: 0.107 }), jsx("stop", { offset: 1, stopColor: "#0E0E0E", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "simufact-forming_svg__i", x1: 16.606, x2: 31.15, y1: 17.81, y2: 25.543, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.001, stopColor: "#FF7553" }), jsx("stop", { offset: 0.27, stopColor: "#B0533C", stopOpacity: 0.731 }), jsx("stop", { offset: 0.531, stopColor: "#6B3629", stopOpacity: 0.47 }), jsx("stop", { offset: 0.746, stopColor: "#38201A", stopOpacity: 0.254 }), jsx("stop", { offset: 0.909, stopColor: "#1A1311", stopOpacity: 0.091 }), jsx("stop", { offset: 1, stopColor: "#0E0E0E", stopOpacity: 0 })] }), jsx("clipPath", { id: "simufact-forming_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgSimufactForming);
export { Memo as default };