/*Size*/
.icon-size-18 {
  font-size: 18px !important;
}
.icon-size-24 {
  font-size: 24px !important;
}
.icon-size-36 {
  font-size: 36px !important;
}
.icon-size-48 {
  font-size: 48px !important;
}

/*Rotate*/
.icon-rotate-90 {
  transform: rotate(90deg) !important;
}
.icon-rotate-180 {
  transform: rotate(180deg) !important;
}
.icon-rotate-270 {
  transform: rotate(270deg) !important;
}

/*Flip*/
.icon-flip-v {
  transform: scaleY(-1) !important;
}
.icon-flip-h {
  transform: scaleX(-1) !important;
}

/*Spin*/
.icon-spin {
  animation: spin 2s infinite linear !important;
}
.icon-spin-reverse {
  animation: spin-reverse 2s infinite linear !important;
}
@keyframes spin {
  0% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}