mdi-vue/icons.css

Material Design Icons for Vue.js

.mdi > svg {
  vertical-align: middle;
}

.mdi.mdi-spin > svg {
  -webkit-animation: mdi-spin 2s infinite linear;
     -moz-animation: mdi-spin 2s infinite linear;
          animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
      -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
              transform: rotate(360deg);
  }
}
@keyframes mdi-spin {
  0% {
      -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
              transform: rotate(360deg);
  }
}