const LoadingIcon = () => {
  return (
    <svg
      width="64"
      height="64"
      viewBox="0 0 64 64"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M52.267 32.0001C52.8561 32.0001 53.3364 31.5221 53.307 30.9338C53.0735 26.2653 51.3116 21.7914 48.2774 18.21C45.0129 14.3567 40.4871 11.7865 35.5055 10.9567C30.5238 10.1269 25.4094 11.0913 21.072 13.6784C16.7347 16.2655 13.4558 20.3074 11.8188 25.085C10.1818 29.8626 10.2928 35.0661 12.1321 39.7695C13.9714 44.473 17.4196 48.3714 21.8633 50.7711C26.307 53.1709 31.458 53.9163 36.3997 52.8749C40.9928 51.9069 45.1282 49.4536 48.1757 45.9094C48.5598 45.4627 48.4735 44.7906 48.0082 44.4293C47.5429 44.068 46.875 44.1546 46.4884 44.5991C43.7524 47.7455 40.0586 49.9235 35.9598 50.7874C31.5122 51.7247 26.8764 51.0538 22.877 48.894C18.8777 46.7343 15.7743 43.2257 14.1189 38.9926C12.4636 34.7595 12.3637 30.0764 13.837 25.7765C15.3103 21.4767 18.2613 17.839 22.1649 15.5106C26.0685 13.1822 30.6715 12.3142 35.155 13.061C39.6385 13.8078 43.7116 16.121 46.6497 19.589C49.3574 22.785 50.9393 26.7708 51.1707 30.9339C51.2034 31.522 51.6779 32.0001 52.267 32.0001Z"
        fill="url(#paint0_angular_1498_24245)"
      />
      <defs>
        <radialGradient
          id="paint0_angular_1498_24245"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(32.0003 32.0001) rotate(45) scale(21.1189)"
        >
          <stop offset="0.874517" stopColor="#00BED7" />
          <stop offset="0.982613" stopColor="#00BED7" stopOpacity="0" />
        </radialGradient>
      </defs>
    </svg>
  );
};

export default LoadingIcon;
