import * as React from "react";
import type { SVGProps } from "react";
interface SVGRProps {
  title?: string;
  titleId?: string;
}
const ChatIcon = ({
  title,
  titleId,
  ...props
}: SVGProps<SVGSVGElement> & SVGRProps) => <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-label="chat icon" role="img" aria-labelledby={titleId} {...props}>{title === undefined ? <title id={titleId}>{"chat icon"}</title> : title ? <title id={titleId}>{title}</title> : null}<g fill="none"><path d="M0 0h32v32H0z" /><path d="M21.444 10c.86 0 1.556.674 1.556 1.505v11.742a.765.765 0 0 1-.778.753.791.791 0 0 1-.547-.218l-3.261-3.121h-7.858c-.86 0-1.556-.674-1.556-1.505v-7.651C9 10.674 9.696 10 10.556 10h10.888z" fill="#fff" /></g></svg>;
export default ChatIcon;