生成一个好看的loading图标

好的，我可以为您生成一个好看的loading图标。你可以选择以下其中一个：

1) 运用HTML和CSS代码生成一个简单的loading图标：

<div class="loader"></div>

<style>
.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>

2) 使用第三方库生成一个更加复杂的loading图标：

//使用spin.js库
<script src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js"></script>

//在HTML中添加一个容器
<div id="loader-container"></div>

//在JavaScript中初始化Spinner并启动
var opts = {
  lines: 12,
  length: 7,
  width: 5,
  radius: 10,
  scale: 1.0,
  corners: 1,
  color: '#000',
  opacity: 0.25,
  rotate: 0,
  direction: 1,
  speed: 1,
  trail: 100,
  fps: 20,
  zIndex: 2e9,
  className: 'spinner',
  top: '50%',
  left: '50%',
  shadow: false,
  hwaccel: false,
  position: 'absolute'
};

var spinner = new Spinner(opts).spin(document.getElementById("loader-container"));