icon-comment.tsx

import { forwardRef } from 'react';
import type { IconProps } from './types';

const IconComment = forwardRef<SVGSVGElement, IconProps>((props, ref) => {
  const { size = '1em', color = 'currentColor', className, style, ...rest } = props;
  return (
    <svg
      ref={ref}
      viewBox="0 0 1024 1024"
      width={size}
      height={size}
      fill={color}
      className={className}
      style={{ verticalAlign: "middle", ...style }}
      {...rest}
    >
      <g transform="translate(0, 896) scale(1, -1)">
        <path d="M573 475c-23.1 0-41-17.9-41-40s17.9-40 41-40c21.1 0 39 17.9 39 40s-17.9 40-39 40z m-280 0c-23.1 0-41-17.9-41-40s17.9-40 41-40c21.1 0 39 17.9 39 40s-17.9 40-39 40z m601 76c-48.1 66-115.3 110.1-189 130v-0.1c-17.1 19-36.4 36.5-58 52.1-163.7 119-393.5 82.7-513-81-96.3-133-92.2-311.9 6-439l0.8-132.6c0-3.2 0.5-6.4 1.5-9.4 5.3-16.9 23.3-26.2 40.1-20.9L309 90c33.5-11.9 68.1-18.7 102.5-20.6l-0.5-0.4c89.1-64.9 205.9-84.4 313-49l127.1-41.4c3.2-1 6.5-1.6 9.9-1.6 17.7 0 32 14.3 32 32V143c88.1 119.6 90.4 284.9 1 408zM323 161l-12 5-99-31-1 104-8 9c-84.6 103.2-90.2 251.9-11 361 96.4 132.2 281.2 161.4 413 66 132.2-96.1 161.5-280.6 66-412-80.1-109.9-223.5-150.5-348-102z m505 17l-8-10 1-104-98 33-12-5c-56-20.8-115.7-22.5-171-7l-0.2 0.1C613.7 107.79999999999995 680.7 153.79999999999995 729 220c76.4 105.3 88.8 237.6 44.4 350.4l0.6-0.4c23-16.5 44.1-37.1 62-62 72.6-99.6 68.5-235.2-8-330zM433 475c-23.1 0-41-17.9-41-40s17.9-40 41-40c21.1 0 39 17.9 39 40s-17.9 40-39 40z" />
      </g>
    </svg>
  );
});

IconComment.displayName = 'IconComment';

export { IconComment };