const ChatIcon = ({
  className = '',
  width = '16px',
  height = '16px',
  viewBox = '0 0 64 64',
  title = 'Chat',
}) => (
  <svg
    className={className}
    version='1.1'
    xmlns='http://www.w3.org/2000/svg'
    x='0px'
    y='0px'
    width={width}
    height={height}
    viewBox={viewBox}
    xmlSpace='preserve'
    aria-label={title}
  >
    <g>
      <path d='M 53.58 59.8 L 47.85 55.96 C 39.12 57.57 30 54.25 25.58 48 C 23.73 45.45 22.75 42.5 22.75 39.5 C 22.75 30.2 32 22.63 43.38 22.63 C 47.77 22.63 51.97 23.74 55.54 25.85 C 60.84 29 64 34.12 64 39.5 C 64 44.53 61.22 49.33 56.5 52.53 L 56.5 58.25 C 56.5 59.76 54.81 60.64 53.58 59.8 Z M 53.58 59.8' />
      <path d='M 19 39.5 C 19 28.13 29.93 18.88 43.38 18.88 C 47.84 18.88 52.13 19.94 55.93 21.86 C 53.31 11.61 41.95 3.88 28.38 3.88 C 12.87 3.88 0 13.96 0 26.38 C 0 32.13 2.91 37.54 7.75 41.7 L 7.75 50.75 C 7.75 52.26 9.43 53.13 10.66 52.31 L 18.12 47.34 C 19.13 47.65 20.18 47.86 21.22 48 C 19.77 45.38 19 42.46 19 39.5 Z M 19 39.5' />
    </g>
  </svg>
)

export default ChatIcon