@guruhotel/aura-icons
Version:
🎨 Icon library designed by the Guruhotel team for Aura UI
32 lines • 1.82 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 StyledFolderArrowDownRegular = ({
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: "M21 4.5H12.9328L10.6266 2.37891C10.0641 1.81594 9.30469 1.5 8.50781 1.5H3C1.34297 1.5 0 2.84344 0 4.5V19.5C0 21.1566 1.34297 22.5 3 22.5H21C22.657 22.5 24 21.1566 24 19.5V7.5C24 5.84531 22.6547 4.5 21 4.5ZM21.75 19.5C21.75 19.9136 21.4135 20.25 21 20.25H3C2.58647 20.25 2.25 19.9136 2.25 19.5V4.5C2.25 4.08637 2.58647 3.75 3 3.75H8.50781C8.70811 3.75 8.89655 3.828 9.03797 3.96975L12 6.75H21C21.4135 6.75 21.75 7.08637 21.75 7.5V19.5ZM14.9531 12.7031L13.125 14.5359V9.75C13.125 9.12891 12.6211 8.625 12 8.625C11.3789 8.625 10.875 9.13125 10.875 9.75V14.5359L9.00469 12.7031C8.56524 12.2637 7.85344 12.2637 7.41375 12.7031C6.97406 13.1426 6.9743 13.8544 7.41375 14.2941L11.1637 18.0441C11.4234 18.2672 11.7141 18.375 12 18.375C12.2859 18.375 12.5756 18.2651 12.7955 18.0454L16.5455 14.2954C16.9849 13.856 16.9849 13.1442 16.5455 12.7045C16.106 12.2648 15.3938 12.2672 14.9531 12.7031Z"
})
})
});
};
const ForwardRef = /*#__PURE__*/forwardRef(StyledFolderArrowDownRegular);
const FolderArrowDownRegular = /*#__PURE__*/memo(ForwardRef);
export default FolderArrowDownRegular;