@guruhotel/aura-icons
Version:
🎨 Icon library designed by the Guruhotel team for Aura UI
32 lines • 1.36 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 StyledFolderRegular = ({
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.5ZM3 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.5V9H2.25V4.5C2.25 4.08656 2.58656 3.75 3 3.75ZM21 20.25H3C2.58647 20.25 2.25 19.9136 2.25 19.5V11.25H21.75V19.5C21.75 19.9125 21.4125 20.25 21 20.25Z"
})
})
});
};
const ForwardRef = /*#__PURE__*/forwardRef(StyledFolderRegular);
const FolderRegular = /*#__PURE__*/memo(ForwardRef);
export default FolderRegular;