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

export const IconDiscussionCircle16 = forwardRef<SVGSVGElement, IconProps>(
    ({ color = 'currentColor', title, ...props }, svgRef) => {
        const titleId = useMemo(
            () =>
                title
                    ? 'title-' + Math.random().toString(36).substr(2, 9)
                    : undefined,
            [title]
        );
        return (
            <svg
                xmlns="http://www.w3.org/2000/svg"
                width={16}
                height={16}
                fill="none"
                viewBox="0 0 16 16"
                aria-hidden={!title}
                ref={svgRef}
                aria-labelledby={titleId}
                {...props}
            >
                {title ? <title id={titleId}>{title}</title> : null}
                <g fill={color} fillRule="evenodd" clipRule="evenodd">
                    <path d="M8.302 3.288A3.633 3.633 0 002.756 7.76c.124.237.112.49.102.61a2.984 2.984 0 01-.084.468 7.853 7.853 0 01-.2.655c.26-.09.52-.17.75-.223a.7.7 0 11.312 1.365c-.34.078-.837.258-1.278.434a23.211 23.211 0 00-.701.295l-.042.018-.01.005-.003.001a.7.7 0 01-.925-.927v-.001l.002-.004.008-.018.03-.07a21.252 21.252 0 00.43-1.047c.113-.3.211-.592.27-.822.021-.09.034-.157.041-.205a5.033 5.033 0 017.74-6.082.7.7 0 11-.896 1.076zM1.463 8.226v0z" />
                    <path d="M4.75 9.333a5.083 5.083 0 119.657 2.221c.006.033.015.077.03.133.05.197.139.453.247.734.087.223.178.443.262.646l.06.146c.049.118.095.23.131.326.03.082.074.2.097.306a.75.75 0 01-.734.905c-.169 0-.332-.04-.447-.072a4.853 4.853 0 01-.394-.134 21.027 21.027 0 01-.606-.248l-.216-.09a7.645 7.645 0 00-.705-.265 1.763 1.763 0 00-.095-.026A5.083 5.083 0 014.75 9.333zm1.5 0a3.583 3.583 0 116.764 1.654c-.125.239-.12.485-.11.614.01.155.042.313.078.456.055.214.133.448.217.676a7.367 7.367 0 00-.643-.231 2.455 2.455 0 00-.443-.093 1.113 1.113 0 00-.626.104 3.583 3.583 0 01-5.237-3.18zm8.15 2.16v-.012l-.001.004v.009z" />
                </g>
            </svg>
        );
    }
);
