@react-three/uikit-lucide
Version:
lucide icons for r3/uikit
10 lines (9 loc) • 3.31 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-image-down" 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="M4.499 2.043 C 3.380 2.232,2.461 3.048,2.114 4.160 L 2.020 4.460 2.020 12.000 L 2.020 19.540 2.114 19.840 C 2.418 20.816,3.151 21.555,4.140 21.886 L 4.420 21.979 7.440 21.991 C 10.812 22.005,10.647 22.017,10.973 21.724 C 11.374 21.362,11.400 20.715,11.028 20.326 C 10.746 20.032,10.700 20.022,9.510 20.000 L 8.439 19.980 12.210 16.214 C 16.278 12.151,16.063 12.345,16.500 12.345 C 16.920 12.345,16.890 12.320,18.740 14.160 C 20.344 15.754,20.475 15.874,20.675 15.940 C 21.220 16.118,21.817 15.810,21.961 15.276 C 21.988 15.175,21.998 13.324,21.991 9.772 L 21.980 4.420 21.886 4.140 C 21.556 3.158,20.821 2.425,19.861 2.121 L 19.540 2.020 12.120 2.014 C 8.039 2.011,4.609 2.024,4.499 2.043 M19.310 4.061 C 19.589 4.144,19.856 4.411,19.939 4.690 C 19.992 4.867,20.000 5.413,20.000 8.736 L 20.000 12.577 19.230 11.816 C 18.385 10.980,18.264 10.878,17.877 10.665 C 17.474 10.443,17.071 10.352,16.500 10.352 C 15.809 10.352,15.343 10.489,14.800 10.851 C 14.701 10.917,12.584 13.004,10.095 15.490 L 5.570 20.009 5.135 19.994 C 4.750 19.981,4.679 19.967,4.516 19.872 C 4.415 19.812,4.284 19.700,4.225 19.623 C 3.986 19.309,4.000 19.795,4.000 12.022 C 4.000 5.758,4.007 4.870,4.061 4.690 C 4.140 4.421,4.412 4.143,4.673 4.063 C 4.964 3.974,19.009 3.971,19.310 4.061 M8.499 6.040 C 7.363 6.246,6.460 7.049,6.114 8.160 C 5.979 8.594,5.979 9.406,6.114 9.840 C 6.421 10.826,7.174 11.579,8.160 11.886 C 8.594 12.021,9.406 12.021,9.840 11.886 C 10.826 11.579,11.579 10.826,11.886 9.840 C 12.021 9.406,12.021 8.594,11.886 8.160 C 11.581 7.179,10.810 6.407,9.861 6.129 C 9.500 6.023,8.832 5.980,8.499 6.040 M9.310 8.061 C 9.688 8.173,10.000 8.598,10.000 9.001 C 10.000 9.331,9.784 9.696,9.484 9.872 C 9.328 9.963,9.254 9.980,9.000 9.980 C 8.746 9.980,8.672 9.963,8.516 9.872 C 7.935 9.530,7.833 8.774,8.304 8.303 C 8.583 8.024,8.916 7.944,9.310 8.061 M16.600 15.584 C 16.399 15.671,16.205 15.869,16.095 16.100 L 16.001 16.300 16.000 17.937 L 16.000 19.574 15.270 18.854 C 14.655 18.247,14.509 18.123,14.343 18.067 C 13.865 17.905,13.383 18.083,13.128 18.516 C 13.036 18.672,13.020 18.745,13.021 19.000 C 13.021 19.212,13.043 19.341,13.095 19.440 C 13.135 19.517,13.891 20.306,14.774 21.194 C 16.528 22.957,16.580 22.999,17.000 22.999 C 17.420 22.999,17.472 22.957,19.226 21.194 C 20.109 20.306,20.865 19.517,20.905 19.440 C 20.957 19.341,20.979 19.212,20.979 19.000 C 20.980 18.745,20.964 18.672,20.872 18.516 C 20.617 18.083,20.135 17.905,19.657 18.067 C 19.491 18.123,19.345 18.247,18.730 18.854 L 18.000 19.574 18.000 17.937 L 17.999 16.300 17.905 16.100 C 17.793 15.865,17.599 15.669,17.391 15.582 C 17.203 15.503,16.783 15.504,16.600 15.584 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>`;
export const ImageDownIcon = /*@__PURE__*/ forwardRef((props, ref) => {
return _jsx(Icon, { ...props, ref: ref, text: text, svgWidth: 24, svgHeight: 24 });
});
export const ImageDown = ImageDownIcon;