@react-three/uikit-lucide
Version:
lucide icons for r3/uikit
10 lines (9 loc) • 2.07 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-moon" 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.080 2.045 C 9.507 2.184,7.883 2.751,6.540 3.630 C 5.905 4.045,5.499 4.378,4.919 4.958 C 2.953 6.926,1.919 9.544,2.013 12.320 C 2.084 14.439,2.752 16.328,4.033 18.040 C 4.430 18.570,5.305 19.464,5.800 19.847 C 7.242 20.961,8.787 21.624,10.600 21.907 C 11.247 22.008,12.753 22.008,13.400 21.907 C 15.214 21.624,16.762 20.959,18.200 19.847 C 18.637 19.509,19.509 18.637,19.847 18.200 C 21.167 16.494,21.892 14.547,21.986 12.458 C 22.008 11.985,22.001 11.863,21.943 11.688 C 21.849 11.405,21.584 11.142,21.310 11.061 C 20.876 10.932,20.620 11.012,20.160 11.419 C 19.077 12.379,17.872 12.851,16.500 12.851 C 14.504 12.851,12.702 11.765,11.766 10.000 C 11.356 9.228,11.160 8.419,11.160 7.500 C 11.160 6.079,11.617 4.924,12.632 3.782 C 13.025 3.340,13.103 2.911,12.865 2.504 C 12.594 2.042,12.214 1.944,11.080 2.045 M9.840 4.335 C 9.840 4.343,9.797 4.447,9.745 4.565 C 9.593 4.910,9.372 5.630,9.281 6.077 C 8.928 7.807,9.269 9.763,10.191 11.300 C 10.770 12.266,11.734 13.230,12.700 13.809 C 14.420 14.841,16.597 15.130,18.498 14.580 C 18.797 14.493,19.336 14.300,19.610 14.182 C 19.710 14.139,19.701 14.214,19.557 14.627 C 19.263 15.471,18.728 16.412,18.153 17.100 C 17.388 18.015,16.523 18.693,15.471 19.200 C 13.267 20.265,10.733 20.265,8.529 19.200 C 7.738 18.819,7.124 18.394,6.504 17.801 C 4.495 15.878,3.630 13.155,4.161 10.422 C 4.624 8.037,6.243 5.933,8.460 4.835 C 9.085 4.526,9.840 4.252,9.840 4.335 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>`;
export const MoonIcon = /*@__PURE__*/ forwardRef((props, ref) => {
return _jsx(Icon, { ...props, ref: ref, text: text, svgWidth: 24, svgHeight: 24 });
});
export const Moon = MoonIcon;