import * as React from 'react'
import { SVGProps, memo } from 'react'

const MessageIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    width={64}
    height={64}
    viewBox="0 0 64 64"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_6190_1053)">
      <g filter="url(#filter0_d_6190_1053)">
        <path
          d="M10.6665 56V21.3333C10.6665 19.2116 11.5094 17.1768 13.0096 15.6765C14.5099 14.1762 16.5448 13.3333 18.6665 13.3333H45.3332C47.4549 13.3333 49.4897 14.1762 50.99 15.6765C52.4903 17.1768 53.3332 19.2116 53.3332 21.3333V37.3333C53.3332 39.4551 52.4903 41.4899 50.99 42.9902C49.4897 44.4905 47.4549 45.3333 45.3332 45.3333H21.3332L10.6665 56Z"
          fill="white"
        />
        <path
          d="M10.6665 56V21.3333C10.6665 19.2116 11.5094 17.1768 13.0096 15.6765C14.5099 14.1762 16.5448 13.3333 18.6665 13.3333H45.3332C47.4549 13.3333 49.4897 14.1762 50.99 15.6765C52.4903 17.1768 53.3332 19.2116 53.3332 21.3333V37.3333C53.3332 39.4551 52.4903 41.4899 50.99 42.9902C49.4897 44.4905 47.4549 45.3333 45.3332 45.3333H21.3332L10.6665 56Z"
          stroke="#004E9B"
          strokeWidth={2}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M21.3335 24H42.6668"
        stroke="#004E9B"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M21.3335 34.6667H37.3335"
        stroke="#004E9B"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_d_6190_1053"
        x={5.6665}
        y={12.3333}
        width={52.6665}
        height={52.6667}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy={4} />
        <feGaussianBlur stdDeviation={2} />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_6190_1053"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_6190_1053"
          result="shape"
        />
      </filter>
      <clipPath id="clip0_6190_1053">
        <rect width={64} height={64} fill="white" />
      </clipPath>
    </defs>
  </svg>
)
const Memo = memo(MessageIcon)
export default Memo