antd-mobile/es/icon/style/index.css

基于 React 的移动设计规范实现

.am-icon {
  fill: currentColor;
  background-size: cover;
  width: 44px;
  height: 44px;
}
.am-icon-xxs {
  width: 30px;
  height: 30px;
}
.am-icon-xs {
  width: 36px;
  height: 36px;
}
.am-icon-sm {
  width: 42px;
  height: 42px;
}
.am-icon-md {
  width: 44px;
  height: 44px;
}
.am-icon-lg {
  width: 72px;
  height: 72px;
}
.am-icon-loading {
  -webkit-animation: cirle-anim 1s linear infinite;
          animation: cirle-anim 1s linear infinite;
}
@-webkit-keyframes cirle-anim {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes cirle-anim {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}