import * as React from 'react';

import { IconWrapper } from '../IconWrapper';
import { Icon } from '../index';

/**
 * @name Phone
 * @description Phone Icon
 */
const Phone: React.FC<Icon> = ({ fill, ...rest }) => (
  <IconWrapper {...rest}>
    <path
      d="M44.6726 24H50C50 10.3185 39.6835 0 26 0V5.33393C36.82 5.33393 44.6726 13.1828 44.6726 24Z"
      fill={fill}
    />
    <path
      d="M26.3854 15.7025C31.934 15.7025 34.3007 18.069 34.3007 23.6173H39.5777C39.5777 15.1089 34.8944 10.4259 26.3854 10.4259V15.7025ZM35.4142 30.0626C34.9072 29.6018 34.241 29.3561 33.5562 29.3772C32.8714 29.3984 32.2216 29.6848 31.7441 30.176L25.4302 36.6688C23.9105 36.3786 20.8551 35.4262 17.7101 32.2893C14.5651 29.1418 13.6126 26.0788 13.3303 24.5697L19.8182 18.2537C20.3101 17.7765 20.5969 17.1267 20.6181 16.4417C20.6393 15.7568 20.3931 15.0905 19.9317 14.5838L10.1826 3.86454C9.72095 3.3563 9.07937 3.04801 8.39409 3.00515C7.70882 2.96229 7.03382 3.18824 6.51247 3.63501L0.787006 8.54484C0.330845 9.00262 0.0585778 9.61189 0.0218516 10.2571C-0.0177253 10.9166 -0.772325 26.5405 11.3435 38.6607C21.9132 49.227 35.153 50 38.7993 50C39.3323 50 39.6595 49.9842 39.7465 49.9789C40.3917 49.9428 41.0007 49.6693 41.4562 49.2112L46.3638 43.4835C46.8109 42.9625 47.0373 42.2877 46.995 41.6025C46.9526 40.9173 46.6448 40.2756 46.1369 39.8136L35.4142 30.0626Z"
      fill={fill}
    />
  </IconWrapper>
);

export { Phone as default, Phone };