import React from 'react';
import { IconTheme } from '../../IconsCommonTypes';

function Hungup(theme: IconTheme | undefined = undefined) {
  return (
    <svg
      width={theme && theme.width ? theme.width : '44'}
      height={theme && theme.height ? theme.height : '44'}
      viewBox="0 0 44 44"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M22 17.545C19.0667 17.545 16.225 18.0033 13.5667 18.865V24.5483C13.5667 25.2633 13.145 25.905 12.54 26.1983C10.7433 27.0966 9.11167 28.2516 7.66333 29.59C7.33333 29.92 6.875 30.1033 6.38 30.1033C5.86667 30.1033 5.40833 29.9016 5.07833 29.5716L0.531667 25.025C0.201667 24.7133 0 24.255 0 23.7416C0 23.2283 0.201667 22.77 0.531667 22.44C6.12333 17.1416 13.6767 13.8783 22 13.8783C30.3233 13.8783 37.8767 17.1416 43.4683 22.44C43.7983 22.77 44 23.2283 44 23.7416C44 24.255 43.7983 24.7133 43.4683 25.0433L38.9217 29.59C38.5917 29.92 38.1333 30.1216 37.62 30.1216C37.125 30.1216 36.6667 29.92 36.3367 29.6083C34.8883 28.2516 33.2383 27.115 31.4417 26.2166C30.8367 25.9233 30.415 25.3 30.415 24.5666V18.8833C27.775 18.0033 24.9333 17.545 22 17.545Z"
        id="Hungup"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default Hungup;
