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

export const IconPhoneOff24 = 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="M21.72 1.22a.75.75 0 0 1 1.06 0 .753.753 0 0 1 0 1.06L11.673 13.388a15.8 15.8 0 0 0 2.304 1.73l.9-.9a2.8 2.8 0 0 1 1.391-.748 2.82 2.82 0 0 1 1.575.118 12.5 12.5 0 0 0 2.731.679h.007a2.811 2.811 0 0 1 2.418 2.85c-.011.452-.002 2.42 0 2.96v.105a2.81 2.81 0 0 1-.911 2.08c-.288.263-.63.465-1 .59s-.765.171-1.154.136h-.012a21.2 21.2 0 0 1-9.223-3.275c-1.143-.74-2.135-1.491-3.033-2.318L2.28 22.78a.75.75 0 0 1-1.06-1.06zM8.727 16.333c.814.744 1.723 1.432 2.788 2.121a19.7 19.7 0 0 0 8.561 3.041 1.33 1.33 0 0 0 1-.34 1.32 1.32 0 0 0 .423-.968v-.1c-.002-.528-.011-2.53 0-3.008a1.31 1.31 0 0 0-1.124-1.326 14 14 0 0 1-3.057-.76h-.002a1.32 1.32 0 0 0-1.382.292l-.002.002-1.306 1.303a.75.75 0 0 1-.9.122 17.3 17.3 0 0 1-3.115-2.262zM6.898 1a2.812 2.812 0 0 1 2.808 2.414v.007c.124.93.352 1.846.68 2.725a2.81 2.81 0 0 1-.632 2.962l-.003.003-1.31 1.307a.75.75 0 0 1-1.06-1.062L8.69 8.052a1.309 1.309 0 0 0 .293-1.377v-.002a14 14 0 0 1-.762-3.05A1.31 1.31 0 0 0 6.91 2.5h-3.1a1.33 1.33 0 0 0-.967.427 1.31 1.31 0 0 0-.338.993c.326 3.06 1.37 6 3.047 8.583a.754.754 0 0 1-.221 1.038.75.75 0 0 1-1.037-.222 21.1 21.1 0 0 1-3.281-9.247l-.001-.011A2.806 2.806 0 0 1 3.809 1z"
                    clipRule="evenodd"
                />
            </svg>
        );
    }
);
