const PhoneIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="36"
      height="36"
      viewBox="0 0 36 36"
      fill="currentColor"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M12.7311 15.3642C14.604 18.6576 17.3424 21.396 20.6358 23.2688L22.4048 20.7922C22.993 19.969 24.1032 19.7146 24.9912 20.1996C27.8048 21.7366 30.9142 22.6706 34.1578 22.9274C35.198 23.0098 36 23.8778 36 24.9212V33.8468C36 34.8722 35.2244 35.7314 34.2044 35.8362C33.1446 35.9452 32.0754 36 31 36C13.8792 36 0 22.1208 0 5C0 3.92454 0.0548402 2.85542 0.16378 1.79552C0.2686 0.7755 1.12788 0 2.1533 0H11.0788C12.1222 0 12.9903 0.80208 13.0726 1.84218C13.3293 5.08576 14.2634 8.19528 15.8004 11.0089C16.2854 11.8968 16.031 13.0071 15.2078 13.5951L12.7311 15.3642ZM7.6885 14.0504L11.4884 11.3362C10.4109 9.01028 9.67256 6.54366 9.29454 4H4.01814C4.00606 4.33264 4 4.666 4 5C4 19.9116 16.0884 32 31 32C31.334 32 31.6674 31.994 32 31.9818V26.7054C29.4564 26.3274 26.9898 25.589 24.6638 24.5116L21.9496 28.3116C20.8516 27.885 19.7912 27.383 18.7748 26.8122L18.6586 26.746C14.7394 24.5174 11.4827 21.2606 9.254 17.3414L9.18788 17.2252C8.61698 16.2088 8.11508 15.1484 7.6885 14.0504Z"
        fill="currentColor"
        fillOpacity="0.75"
      />
    </svg>
  );
};

export { PhoneIcon };