<!DOCTYPE html>
<html>
<head>
<me
ta charset="utf-8"/>
<title>图标列表</title>
<l
ink rel="stylesheet" href=https://download.csdn.net/download/m0_61505785/"https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<l
ink rel="stylesheet" href=https://download.csdn.net/download/m0_61505785/"https://download.csdn.net/admin/css/other/icon.css">
<l
ink rel="stylesheet" href=https://download.csdn.net/download/m0_61505785/"https://download.csdn.net/component/pear/css/pear.css" />
<!-- jQuery -->
<s
cript src=https://download.csdn.net/download/m0_61505785/"https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></s
cript>
<!-- 代码高亮 -->
<s
cript src=https://download.csdn.net/download/m0_61505785/"https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></s
cript>
<style>
.main .logo {
margin-top: 0;
height: auto;
}
.main .logo a {
display: flex;
align-items: center;
}
.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967FF, #B500FE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="main">
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
</ul>
</div>
<div class="tab-container">
<div class="co
ntent unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">加载</div>
<div class="code-name">&#xe6f0;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">download</div>
<div class="code-name">&#xe68d;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">electronics</div>
<div class="code-name">&#xe68e;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">drag</div>
<div class="code-name">&#xe68f;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">elipsis</div>
<div class="code-name">&#xe690;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">export</div>
<div class="code-name">&#xe691;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">explain</div>
<div class="code-name">&#xe692;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">edit</div>
<div class="code-name">&#xe693;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">eye-close</div>
<div class="code-name">&#xe694;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">email</div>
<div class="code-name">&#xe695;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">error</div>
<div class="code-name">&#xe696;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">favorite</div>
<div class="code-name">&#xe697;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">file-common</div>
<div class="code-name">&#xe698;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">file-delete</div>
<div class="code-name">&#xe699;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">file-add</div>
<div class="code-name">&#xe69a;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">film</div>
<div class="code-name">&#xe69b;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">fabulous</div>
<div class="code-name">&#xe69c;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">file</div>
<div class="code-name">&#xe69d;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">folder-close</div>
<div class="code-name">&#xe69e;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">filter</div>
<div class="code-name">&#xe69f;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">good</div>
<div class="code-name">&#xe6a0;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">hide</div>
<div class="code-name">&#xe6a1;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">home</div>
<div class="code-name">&#xe6a2;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">history</div>
<div class="code-name">&#xe6a3;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">file-open</div>
<div class="code-name">&#xe6a4;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">forward</div>
<div class="code-name">&#xe6a5;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">im
port</div>
<div class="code-name">&#xe6a6;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">image-text</div>
<div class="code-name">&#xe6a7;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>
<div class="name">keyboard-26</div>
<div class="code-name">&#xe6a8;</div>
</li>
<li class="dib">
<span class="icon pear-icon"></span>