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

export const IconPhoneCall16 = 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}>
                    <path
                        fillRule="evenodd"
                        d="M5.848.533A2.21 2.21 0 004.39 0H2.206a2.21 2.21 0 00-2.09 1.501c-.098.29-.135.598-.107.903l.001.012a15.131 15.131 0 002.355 6.637c1.29 1.987 2.615 3.305 4.596 4.587a15.197 15.197 0 006.618 2.35l.014.001A2.21 2.21 0 0016 13.786v-.075a151.01 151.01 0 010-2.086 2.204 2.204 0 00-1.9-2.239h-.006a8.625 8.625 0 01-1.885-.469 2.211 2.211 0 00-2.327.496l-.514.514A10.903 10.903 0 016.054 6.62l.51-.509.003-.003a2.204 2.204 0 00.498-2.326 8.578 8.578 0 01-.47-1.88v-.007A2.204 2.204 0 005.848.533zM4.4 1.5a.71.71 0 01.708.604c.1.753.285 1.493.55 2.205l.002.001a.703.703 0 01-.158.742l-.924.923a.75.75 0 00-.122.902 12.403 12.403 0 004.656 4.646.75.75 0 00.9-.121l.922-.921.002-.001a.709.709 0 01.747-.158h.001c.713.266 1.454.45 2.209.55a.71.71 0 01.606.715c-.009.342-.002 1.762 0 2.134v.07a.702.702 0 01-.481.672.709.709 0 01-.286.035 13.697 13.697 0 01-5.957-2.117c-1.805-1.169-2.978-2.336-4.153-4.145a13.631 13.631 0 01-2.12-5.972.702.702 0 01.419-.704c.09-.04.187-.06.286-.06H4.4zm2.664 2.283v-.001l-.703.264.703-.263z"
                        clipRule="evenodd"
                    />
                    <path d="M10.333.005a.75.75 0 00-.166 1.49 4.91 4.91 0 014.338 4.333.75.75 0 001.49-.168A6.41 6.41 0 0010.333.005z" />
                    <path d="M10.394 2.53a.75.75 0 00-.287 1.472 2.395 2.395 0 011.891 1.892.75.75 0 101.473-.288 3.894 3.894 0 00-3.077-3.076z" />
                </g>
            </svg>
        );
    }
);
