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

export const IconPhoneCall24 = 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}
                <path
                    fill={color}
                    fillRule="evenodd"
                    d="M6.898 1.001a2.813 2.813 0 0 1 2.808 2.414v.007c.124.93.353 1.846.681 2.726a2.81 2.81 0 0 1-.634 2.962l-.002.003-.897.894a15.7 15.7 0 0 0 5.124 5.111l.9-.898a2.83 2.83 0 0 1 1.39-.749 2.83 2.83 0 0 1 1.574.117c.881.328 1.8.556 2.732.679h.007a2.81 2.81 0 0 1 2.418 2.85c-.012.455-.003 2.42 0 2.96v.105a2.82 2.82 0 0 1-.91 2.081 2.83 2.83 0 0 1-2.154.726h-.014a21.2 21.2 0 0 1-9.221-3.275c-2.764-1.789-4.607-3.621-6.406-6.393a21.1 21.1 0 0 1-3.282-9.248V4.06c-.036-.388.01-.781.135-1.15a2.82 2.82 0 0 1 1.53-1.67A2.8 2.8 0 0 1 3.808 1zm-3.088 1.5a1.33 1.33 0 0 0-.968.426 1.317 1.317 0 0 0-.338.993 19.6 19.6 0 0 0 3.047 8.584c1.684 2.594 3.375 4.275 5.963 5.95a19.7 19.7 0 0 0 8.562 3.042c.178.015.362-.007.532-.064.172-.058.333-.154.467-.275.133-.123.242-.275.315-.44.073-.166.11-.348.11-.53l-.001-.1c-.003-.528-.011-2.526 0-3.007a1.31 1.31 0 0 0-1.124-1.326 14 14 0 0 1-3.057-.76l-.001-.002a1.33 1.33 0 0 0-.736-.054c-.244.052-.47.175-.648.348v.001l-1.307 1.304a.754.754 0 0 1-.9.121A17.23 17.23 0 0 1 7.26 10.26a.754.754 0 0 1 .121-.902L8.69 8.052c.174-.177.296-.402.349-.644.051-.244.032-.5-.055-.733l-.001-.002a14 14 0 0 1-.762-3.05A1.31 1.31 0 0 0 6.91 2.5zm10.204 2.383a.75.75 0 0 1 .88-.593 6.1 6.1 0 0 1 3.143 1.673 6.1 6.1 0 0 1 1.672 3.144.753.753 0 0 1-.592.879.753.753 0 0 1-.88-.592 4.6 4.6 0 0 0-1.26-2.37 4.6 4.6 0 0 0-2.371-1.261.753.753 0 0 1-.592-.88m.819-4.879a10.38 10.38 0 0 1 9.163 9.152.754.754 0 0 1-.662.829.754.754 0 0 1-.83-.662 8.88 8.88 0 0 0-2.546-5.288 8.88 8.88 0 0 0-5.29-2.54.753.753 0 0 1-.664-.828.753.753 0 0 1 .829-.663"
                    clipRule="evenodd"
                />
            </svg>
        );
    }
);
