展示：

html：

<!-- 使用Font class方式 -->
<div class="loading-icon iconfont icon-loading"></div>

css:

.loading-icon {
  font-size: 40px; /* 图标大小 */
  color: #1890ff;  /* 颜色 */
  animation: spin 1s linear infinite; /* 旋转动画 */
}

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

讲解: