import * as React from 'react';
const MessageIcon = (props: any) => (
  <svg
    xmlns='http://www.w3.org/2000/svg'
    width={27}
    height={27}
    fill='none'
    {...props}
  >
    <path
      fill='#1D4787'
      d='M17.79 4.5h-10c-2.76 0-5 2.23-5 4.98v6.98c0 2.75 2.24 4.98 5 4.98h1.5c.27 0 .63.18.8.4l1.5 1.99c.66.88 1.74.88 2.4 0l1.5-1.99c.19-.25.49-.4.8-.4h1.5c2.76 0 5-2.23 5-4.98V9.48c0-2.75-2.24-4.98-5-4.98Zm-9 10c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.44 1-1 1Zm4 0c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.44 1-1 1Zm4 0c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.44 1-1 1Z'
    />
    <path
      fill='#04AD75'
      stroke='#FCFBFD'
      strokeWidth={1.5}
      d='M25.46 5.562c0 2.386-1.922 4.313-4.285 4.313-2.363 0-4.286-1.927-4.286-4.313 0-2.385 1.923-4.312 4.286-4.312 2.363 0 4.286 1.927 4.286 4.312Z'
    />
  </svg>
);
export default MessageIcon;