.icon {
  height: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path-2 {
  animation: animate-p-0 1.5s infinite;
}

.path-1 {
  animation: animate-p-1 1.5s infinite;
}

.path-0 {
  animation: animate-p-2 1.5s infinite;
}

.path-3 {
  animation: animate-p-3 4.5s ease-in infinite;
}


@keyframes animate-p-0 {
  0% {
    fill: #000000;
  }

  1% {
    fill: #009de0;
  }

  33% {
    fill: #009de0;
  }

  34% {
    fill: #000000;
  }
}

@keyframes animate-p-1 {
  33% {
    fill: #000000;
  }

  34% {
    fill: #009de0;
  }

  66% {
    fill: #009de0;
  }

  67% {
    fill: #000000;
  }
}

@keyframes animate-p-2 {
  66% {
    fill: #000000;
  }

  67% {
    fill: #009de0;
  }

  99% {
    fill: #009de0;
  }

  0% {
    fill: #000000;
  }
}

@keyframes animate-p-3 {
  0% {
    fill: #000000;
  }

  50% {
    fill: #009de0;
  }
}