import React from 'react';

import type { IconProps } from './iconProps';

export const EnvelopeOpenIcon = ({
  ref,
  width = 20,
  height = 20,
  viewBox = '0 0 20 20',
  role = 'image',
  ...rest
}: IconProps) => (
  <svg
    ref={ref}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={width}
    height={height}
    viewBox={viewBox}
    role={role}
    {...rest}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2.07474 5.35739C1.40833 5.75406 1 6.4723 1 7.24783V16.7971C1 18.0121 1.98497 18.9971 3.2 18.9971H16.8C18.015 18.9971 19 18.0121 19 16.7971V7.24777C19 6.47227 18.5917 5.75406 17.9253 5.35737L11.1257 1.3096C10.4323 0.896817 9.56857 0.896798 8.87514 1.30955L2.07474 5.35739ZM3.21967 8.46655C3.51256 8.17365 3.98744 8.17365 4.28033 8.46655L10 14.1862L15.7197 8.46655C16.0126 8.17365 16.4874 8.17365 16.7803 8.46655C17.0732 8.75944 17.0732 9.23431 16.7803 9.52721L13.6856 12.622L15.7802 14.7167C16.0731 15.0095 16.0731 15.4844 15.7802 15.7773C15.4873 16.0702 15.0125 16.0702 14.7196 15.7773L12.6249 13.6826L10.5303 15.7772C10.2374 16.0701 9.76256 16.0701 9.46967 15.7772L7.375 13.6825L5.28023 15.7773C4.98734 16.0702 4.51247 16.0702 4.21957 15.7773C3.92668 15.4844 3.92668 15.0095 4.21957 14.7167L6.31434 12.6219L3.21967 9.52721C2.92678 9.23431 2.92678 8.75944 3.21967 8.46655Z"
      fill="currentColor"
    />
  </svg>
);
