Chat.tsx

import React from 'react';
import IconBase from 'react-icons/IconBase';

export const ChatIcon = props => (
  <IconBase fill="none" viewBox="0 0 24 24" {...props}>
    <g clipRule="evenodd" fill="currentColor" fillRule="evenodd">
      <path d="m3.00015 10.9353c-.0001-.0135-.00015-.027-.00015-.0406 0-2.87766 2.33283-5.2105 5.21053-5.2105 2.87767 0 5.21057 2.33284 5.21057 5.2105 0 2.8777-2.3328 5.2105-5.21042 5.2106h-5.21053z" />
      <path
        d="m12.1553 15.6235c1.3526-1.1296 2.2131-2.8287 2.2131-4.7287 0-.6412-.098-1.25959-.2799-1.84088.6513-.33712 1.3907-.52755 2.1746-.52755 2.6161 0 4.7369 2.12073 4.7369 4.73683l-.0001.0223v4.7145h-4.7144l-.0224.0001c-1.7566 0-3.29-.9563-4.1078-2.3766z"
        fillOpacity=".4"
      />
    </g>
  </IconBase>
);