.bg {
  background: #eeeeee;
  padding:50px;
  text-align:center;
}
.icons, .atom, .sofa, .drop, .calendar, .key, .sensor, .sun, .piggy, .fan {
 transform-origin: 50% 50%;
}
.icons {
  animation: spin 8s infinite linear;
}
@keyframes spin {
  from { 
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}

.atom {
  animation: spin-reverse 8s infinite linear;
}
@keyframes spin-reverse {
  from { 
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.sofa, .drop, .calendar, .key, .sensor, .sun, .piggy, .fan {
  animation: spin-micro 8s infinite linear;
}
@keyframes spin-micro {
  0% { 
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}