@guruhotel/aura-icons
Version:
🎨 Icon library designed by the Guruhotel team for Aura UI
32 lines • 1.4 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 StyledEnvelopeRegular = ({
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 3H3C1.34297 3 0 4.34297 0 6V18C0 19.657 1.34297 21 3 21H21C22.657 21 24 19.657 24 18V6C24 4.34297 22.6547 3 21 3ZM3 5.25H21C21.4135 5.25 21.75 5.58647 21.75 6V7.03875L13.9313 13.5122C12.8442 14.4159 11.1497 14.4155 10.0655 13.5129L2.25 7.04062V6C2.25 5.5875 2.58656 5.25 3 5.25ZM21 18.75H3C2.58647 18.75 2.25 18.4135 2.25 18V9.97031L8.62969 15.2859C9.57656 16.0688 10.7719 16.5 12 16.5C13.2281 16.5 14.4258 16.0693 15.3736 15.2822L21.75 9.97031V18C21.75 18.4125 21.4125 18.75 21 18.75Z"
})
})
});
};
const ForwardRef = /*#__PURE__*/forwardRef(StyledEnvelopeRegular);
const EnvelopeRegular = /*#__PURE__*/memo(ForwardRef);
export default EnvelopeRegular;