@react-three/uikit-lucide
Version:
lucide icons for r3/uikit
10 lines (9 loc) • 2.15 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-square-chevron-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.422 20.827,3.173 21.578,4.160 21.886 L 4.460 21.980 12.000 21.980 L 19.540 21.980 19.840 21.886 C 20.827 21.578,21.578 20.827,21.886 19.840 L 21.980 19.540 21.980 12.000 L 21.980 4.460 21.886 4.160 C 21.581 3.182,20.832 2.428,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.993 4.870,20.000 5.755,20.000 12.001 C 20.000 17.907,19.991 19.138,19.945 19.290 C 19.872 19.533,19.707 19.740,19.484 19.872 L 19.300 19.980 12.000 19.980 L 4.700 19.980 4.516 19.872 C 4.415 19.813,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 M7.670 9.061 C 7.448 9.142,7.250 9.309,7.128 9.516 C 7.037 9.672,7.020 9.746,7.020 10.000 C 7.020 10.254,7.036 10.328,7.127 10.480 C 7.261 10.705,11.368 14.805,11.560 14.905 C 11.660 14.957,11.787 14.978,12.000 14.978 C 12.213 14.978,12.340 14.957,12.440 14.905 C 12.632 14.805,16.739 10.705,16.873 10.480 C 16.964 10.328,16.980 10.254,16.980 10.000 C 16.980 9.746,16.963 9.672,16.872 9.516 C 16.618 9.084,16.137 8.906,15.657 9.066 C 15.481 9.124,15.279 9.312,13.730 10.854 L 12.000 12.577 10.270 10.854 C 8.721 9.312,8.519 9.124,8.343 9.066 C 8.108 8.987,7.875 8.986,7.670 9.061 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>`;
export const SquareChevronDownIcon = /*@__PURE__*/ forwardRef((props, ref) => {
return _jsx(Icon, { ...props, ref: ref, text: text, svgWidth: 24, svgHeight: 24 });
});
export const SquareChevronDown = SquareChevronDownIcon;