@react-three/uikit-lucide
Version:
lucide icons for r3/uikit
10 lines (9 loc) • 3.56 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
/* eslint-disable no-shadow-restricted-names */
import { Icon } from "@react-three/uikit";
import { forwardRef } from "react";
const text = `<svg class="lucide lucide-hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11.200 2.024 C 8.417 2.221,5.922 3.281,4.198 4.999 C 3.062 6.130,2.361 7.429,2.090 8.900 C 2.048 9.134,2.023 9.485,2.022 9.900 C 2.020 10.464,2.031 10.576,2.114 10.840 C 2.166 11.004,2.244 11.210,2.289 11.297 L 2.370 11.456 2.255 11.552 C 1.618 12.085,1.319 12.507,1.114 13.161 C 1.035 13.412,1.021 13.546,1.021 14.000 C 1.021 14.454,1.035 14.588,1.114 14.839 C 1.319 15.493,1.618 15.915,2.255 16.448 L 2.370 16.544 2.289 16.702 C 2.124 17.028,2.034 17.408,2.013 17.880 C 1.948 19.294,2.708 20.684,3.956 21.436 C 4.285 21.635,4.810 21.832,5.243 21.921 C 5.622 21.998,5.805 22.000,12.000 22.000 C 18.195 22.000,18.378 21.998,18.757 21.921 C 20.117 21.643,21.193 20.755,21.704 19.488 C 22.087 18.538,22.090 17.447,21.711 16.702 L 21.630 16.544 21.745 16.448 C 22.382 15.915,22.681 15.493,22.886 14.839 C 22.965 14.588,22.979 14.454,22.979 14.000 C 22.979 13.546,22.965 13.412,22.886 13.161 C 22.681 12.507,22.382 12.085,21.745 11.552 L 21.630 11.456 21.711 11.297 C 21.756 11.210,21.834 11.004,21.886 10.840 C 21.969 10.576,21.980 10.464,21.978 9.900 C 21.977 9.485,21.952 9.134,21.910 8.900 C 21.533 6.854,20.283 5.084,18.300 3.789 C 16.955 2.911,15.313 2.327,13.540 2.098 C 13.074 2.038,11.644 1.993,11.200 2.024 M12.740 4.040 C 15.629 4.246,18.085 5.568,19.300 7.574 C 19.678 8.198,19.890 8.828,19.969 9.567 C 20.042 10.255,19.906 10.624,19.486 10.871 L 19.300 10.980 11.997 10.980 L 4.694 10.980 4.502 10.860 C 4.271 10.715,4.101 10.487,4.033 10.231 C 3.971 9.994,4.034 9.298,4.161 8.820 C 4.396 7.932,4.976 7.005,5.748 6.281 C 7.456 4.679,10.045 3.849,12.740 4.040 M7.653 13.990 L 8.974 14.980 8.377 14.991 C 8.049 14.997,6.862 14.997,5.740 14.991 L 3.700 14.980 3.516 14.872 C 3.415 14.813,3.282 14.698,3.221 14.618 C 2.908 14.208,2.943 13.664,3.304 13.303 C 3.588 13.019,3.664 13.006,5.096 13.003 L 6.333 13.000 7.653 13.990 M16.720 13.021 C 16.720 13.033,16.261 13.653,15.700 14.400 C 14.583 15.885,14.523 15.945,14.112 15.987 C 13.995 15.999,13.823 15.988,13.729 15.963 C 13.605 15.929,13.027 15.519,11.612 14.458 L 9.666 13.000 13.193 13.000 C 15.133 13.000,16.720 13.009,16.720 13.021 M20.310 13.061 C 20.688 13.173,21.000 13.598,21.000 14.001 C 21.000 14.331,20.784 14.696,20.484 14.872 L 20.300 14.980 19.024 14.992 L 17.747 15.004 17.847 14.872 C 17.902 14.799,18.240 14.348,18.598 13.870 L 19.250 13.000 19.678 13.000 C 19.944 13.000,20.183 13.023,20.310 13.061 M12.021 17.265 C 12.505 17.621,12.722 17.742,13.100 17.864 C 14.099 18.187,15.305 17.910,16.062 17.184 L 16.254 17.000 17.680 17.000 C 19.336 17.000,19.404 17.010,19.697 17.303 C 19.985 17.591,20.054 17.917,19.941 18.451 C 19.863 18.821,19.710 19.091,19.400 19.404 C 19.119 19.690,18.854 19.846,18.492 19.940 C 18.147 20.030,5.853 20.030,5.508 19.940 C 4.823 19.762,4.249 19.194,4.073 18.523 C 3.934 17.988,4.007 17.599,4.304 17.303 C 4.615 16.992,4.427 17.006,8.261 17.003 L 11.663 17.000 12.021 17.265 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>`;
export const HamburgerIcon = /*@__PURE__*/ forwardRef((props, ref) => {
return _jsx(Icon, { ...props, ref: ref, text: text, svgWidth: 24, svgHeight: 24 });
});
export const Hamburger = HamburgerIcon;