.svg {
      width: 300px;
      height: 300px;
    }

    .hexloader {
      fill: rgba(90, 197, 240, 0.9);
      animation: fadein 3.3s infinite;
      opacity: 0;
      transform-origin: 50% 50%;
    }

    .hexloader:nth-child(2) {
      animation-delay: .2s;
    }

    .hexloader:nth-child(3) {
      animation-delay: .4s;
    }

    .hexloader:nth-child(4) {
      animation-delay: .6s;
    }

    .hexloader:nth-child(5) {
      animation-delay: .8s;
    }

    .hexloader:nth-child(6) {
      animation-delay: 1.0s;
    }

    .hexloader:nth-child(7) {
      animation-delay: 1.2s;
    }

    @keyframes fadein {

      0%,
      100% {
        transform: scale(0.001, 0.001);
        opacity: 0;
      }

      33%,
      66% {
        transform: scale(.9, .9);
        opacity: 1;
      }
    }