@keyframes ring {
  0% {
    transform: rotateZ(0);
  }

  82% {
    transform: rotateZ(0);
  }

  85% {
    transform: rotateZ(30deg);
  }
  
  91% {
    transform: rotateZ(-30deg);
  }


  97% {
    transform: rotateZ(30deg);
  }

  100% {
    transform: rotateZ(0);
  }
}

.ringing-phone-icon
{
  animation: ring 6s linear infinite;
}