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

export const IconDiscussionCircle24 = 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={24}
                height={24}
                fill="none"
                viewBox="0 0 24 24"
                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="M13.02 4.827a5.75 5.75 0 00-8.777 7.077c.145.275.134.58.12.751a4.183 4.183 0 01-.117.655 13.903 13.903 0 01-.513 1.557c.564-.214 1.188-.429 1.694-.545a.75.75 0 11.335 1.463c-.535.122-1.3.401-1.96.666a34.53 34.53 0 00-1.062.445l-.065.029-.016.007-.004.002a.75.75 0 01-.991-.994v-.002l.004-.006.012-.027a20.413 20.413 0 00.213-.49c.138-.322.316-.755.485-1.204.17-.453.322-.903.413-1.265.045-.183.07-.32.077-.413l.002-.022a7.25 7.25 0 0111.11-8.837.75.75 0 11-.96 1.153z" />
                    <path d="M21.782 20.78a.75.75 0 00.151-.84l-.003-.008-.013-.027a18.62 18.62 0 01-.213-.49 30.259 30.259 0 01-.485-1.204 12.45 12.45 0 01-.413-1.265 2.747 2.747 0 01-.077-.414l-.002-.021a7.25 7.25 0 10-3.22 3.219h.018c.093.009.23.033.413.08.363.09.814.243 1.269.413a31.27 31.27 0 011.595.649l.105.046.027.012.009.004a.75.75 0 00.839-.155zM8.5 13.25a5.75 5.75 0 1110.853 2.653c-.144.276-.133.58-.12.752.018.208.063.434.118.655a13.92 13.92 0 00.513 1.557 14.305 14.305 0 00-1.56-.512c-.22-.056-.444-.101-.65-.119-.167-.014-.473-.028-.75.117A5.75 5.75 0 018.5 13.25z" />
                </g>
            </svg>
        );
    }
);
