@guruhotel/aura-icons
Version:
🎨 Icon library designed by the Guruhotel team for Aura UI
32 lines • 1.29 kB
JavaScript
import React, { forwardRef, memo } from "react";
import { AccessibleIcon } from "../accessible-icon";
import { StyledSvg, StyledPath } from "../styles";
import { jsx as _jsx } from "react/jsx-runtime";
const StyledChevronDownRegular = ({
label,
color = "#000000",
className = "",
css = {},
viewBox = "0 0 24 24"
}, ref) => {
return /*#__PURE__*/_jsx(AccessibleIcon, {
label: label,
children: /*#__PURE__*/_jsx(StyledSvg, {
className: className,
css: css,
viewBox: viewBox,
xmlns: "http://www.w3.org/2000/svg",
xmlnsXlink: "http://www.w3.org/1999/xlink",
ref: ref,
children: /*#__PURE__*/_jsx(StyledPath, {
css: {
fill: `${color}`
},
d: "M22.5312 8.59891L13.0312 17.5427C12.7437 17.8677 12.3687 18.0052 11.9999 18.0052C11.6312 18.0052 11.2574 17.8684 10.9687 17.595L1.46869 8.59891C0.866812 8.02391 0.841812 7.07391 1.40994 6.47391C1.98056 5.86766 2.93369 5.84891 3.53119 6.41766L11.9999 14.4364L20.4687 6.41141C21.0663 5.84303 22.0156 5.86453 22.5899 6.47C23.1562 7.07391 23.1312 8.02391 22.5312 8.59891Z"
})
})
});
};
const ForwardRef = /*#__PURE__*/forwardRef(StyledChevronDownRegular);
const ChevronDownRegular = /*#__PURE__*/memo(ForwardRef);
export default ChevronDownRegular;