You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

6356 lines
174 KiB
HTML

1 year ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>iconfont Demo</title>
<link rel="shortcut icon"
href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico"
type="image/x-icon" />
<link rel="icon" type="image/svg+xml"
href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg" />
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main{
width: 675px !important;
}
.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>
<li class="dib"><span>Symbol</span></li>
</ul>
</div>
<div class="tab-container">
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe665;</span>
<div class="name">链接</div>
<div class="code-name">&amp;#xe665;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63f;</span>
<div class="name">微信</div>
<div class="code-name">&amp;#xe63f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe615;</span>
<div class="name">朋友圈</div>
<div class="code-name">&amp;#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe608;</span>
<div class="name">微博</div>
<div class="code-name">&amp;#xe608;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60f;</span>
<div class="name">QQ</div>
<div class="code-name">&amp;#xe60f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe706;</span>
<div class="name">小程序</div>
<div class="code-name">&amp;#xe706;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe792;</span>
<div class="name">display-code</div>
<div class="code-name">&amp;#xe792;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe793;</span>
<div class="name">display-arrow-right</div>
<div class="code-name">&amp;#xe793;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe794;</span>
<div class="name">display-arrow-left</div>
<div class="code-name">&amp;#xe794;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe795;</span>
<div class="name">laptop-error</div>
<div class="code-name">&amp;#xe795;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe796;</span>
<div class="name">laptop-check</div>
<div class="code-name">&amp;#xe796;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe797;</span>
<div class="name">laptop</div>
<div class="code-name">&amp;#xe797;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe798;</span>
<div class="name">mobile-error</div>
<div class="code-name">&amp;#xe798;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe799;</span>
<div class="name">mobile-check</div>
<div class="code-name">&amp;#xe799;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79a;</span>
<div class="name">mobile-alt</div>
<div class="code-name">&amp;#xe79a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79d;</span>
<div class="name">aliwangwang</div>
<div class="code-name">&amp;#xe79d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79e;</span>
<div class="name">nail</div>
<div class="code-name">&amp;#xe79e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79f;</span>
<div class="name">nail-fixed</div>
<div class="code-name">&amp;#xe79f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a0;</span>
<div class="name">edit</div>
<div class="code-name">&amp;#xe7a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a1;</span>
<div class="name">dollar</div>
<div class="code-name">&amp;#xe7a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a2;</span>
<div class="name">transanction</div>
<div class="code-name">&amp;#xe7a2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a3;</span>
<div class="name">filter-fill</div>
<div class="code-name">&amp;#xe7a3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a4;</span>
<div class="name">all-fill</div>
<div class="code-name">&amp;#xe7a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a5;</span>
<div class="name">database plus-fill</div>
<div class="code-name">&amp;#xe7a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a6;</span>
<div class="name">database-fill</div>
<div class="code-name">&amp;#xe7a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a7;</span>
<div class="name">comment lines-fill</div>
<div class="code-name">&amp;#xe7a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a8;</span>
<div class="name">comment dots-fill</div>
<div class="code-name">&amp;#xe7a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a9;</span>
<div class="name">paper plane-fill</div>
<div class="code-name">&amp;#xe7a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7aa;</span>
<div class="name">eye slash-fill</div>
<div class="code-name">&amp;#xe7aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ab;</span>
<div class="name">eye-fill</div>
<div class="code-name">&amp;#xe7ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ac;</span>
<div class="name">lightbulb-fill</div>
<div class="code-name">&amp;#xe7ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ad;</span>
<div class="name">flag-fill</div>
<div class="code-name">&amp;#xe7ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ae;</span>
<div class="name">tag-fill</div>
<div class="code-name">&amp;#xe7ae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7af;</span>
<div class="name">position-fill</div>
<div class="code-name">&amp;#xe7af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b0;</span>
<div class="name">location-fill</div>
<div class="code-name">&amp;#xe7b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b1;</span>
<div class="name">map-fill</div>
<div class="code-name">&amp;#xe7b1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b2;</span>
<div class="name">inbox in-fill</div>
<div class="code-name">&amp;#xe7b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b3;</span>
<div class="name">box-fill</div>
<div class="code-name">&amp;#xe7b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b4;</span>
<div class="name">database set-fill</div>
<div class="code-name">&amp;#xe7b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b5;</span>
<div class="name">layer group-fill</div>
<div class="code-name">&amp;#xe7b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b6;</span>
<div class="name">cry-fill</div>
<div class="code-name">&amp;#xe7b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b7;</span>
<div class="name">smile-fill</div>
<div class="code-name">&amp;#xe7b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b8;</span>
<div class="name">unlock-fill</div>
<div class="code-name">&amp;#xe7b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b9;</span>
<div class="name">lock-fill</div>
<div class="code-name">&amp;#xe7b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ba;</span>
<div class="name">align right-fill</div>
<div class="code-name">&amp;#xe7ba;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bb;</span>
<div class="name">align left-fill</div>
<div class="code-name">&amp;#xe7bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bc;</span>
<div class="name">border bottom-fill</div>
<div class="code-name">&amp;#xe7bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bd;</span>
<div class="name">border top-fill</div>
<div class="code-name">&amp;#xe7bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7be;</span>
<div class="name">align center-fill</div>
<div class="code-name">&amp;#xe7be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bf;</span>
<div class="name">border verticle-fill</div>
<div class="code-name">&amp;#xe7bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c0;</span>
<div class="name">pic center-fill</div>
<div class="code-name">&amp;#xe7c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c1;</span>
<div class="name">pic side-fill</div>
<div class="code-name">&amp;#xe7c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c2;</span>
<div class="name">folder open-fill</div>
<div class="code-name">&amp;#xe7c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c3;</span>
<div class="name">folder plus-fill</div>
<div class="code-name">&amp;#xe7c3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c4;</span>
<div class="name">folder-fill</div>
<div class="code-name">&amp;#xe7c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c5;</span>
<div class="name">file-SQL</div>
<div class="code-name">&amp;#xe7c5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c6;</span>
<div class="name">file plus-fill</div>
<div class="code-name">&amp;#xe7c6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c7;</span>
<div class="name">file-fill</div>
<div class="code-name">&amp;#xe7c7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c8;</span>
<div class="name">copy-fill</div>
<div class="code-name">&amp;#xe7c8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c9;</span>
<div class="name">headset-fill</div>
<div class="code-name">&amp;#xe7c9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ca;</span>
<div class="name">phone-fill</div>
<div class="code-name">&amp;#xe7ca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cb;</span>
<div class="name">pause circle-fill</div>
<div class="code-name">&amp;#xe7cb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cc;</span>
<div class="name">stop circle-fill</div>
<div class="code-name">&amp;#xe7cc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cd;</span>
<div class="name">play circle-fill</div>
<div class="code-name">&amp;#xe7cd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ce;</span>
<div class="name">delete-fill</div>
<div class="code-name">&amp;#xe7ce;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cf;</span>
<div class="name">picture-fill</div>
<div class="code-name">&amp;#xe7cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d0;</span>
<div class="name">mail-fill</div>
<div class="code-name">&amp;#xe7d0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d1;</span>
<div class="name">heart-fill</div>
<div class="code-name">&amp;#xe7d1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d2;</span>
<div class="name">collection-fill</div>
<div class="code-name">&amp;#xe7d2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d3;</span>
<div class="name">user-group-fill</div>
<div class="code-name">&amp;#xe7d3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d4;</span>
<div class="name">user plus-fill</div>
<div class="code-name">&amp;#xe7d4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d5;</span>
<div class="name">user-fill</div>
<div class="code-name">&amp;#xe7d5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d6;</span>
<div class="name">cog-fill</div>
<div class="code-name">&amp;#xe7d6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d7;</span>
<div class="name">clock-fill</div>
<div class="code-name">&amp;#xe7d7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d8;</span>
<div class="name">calendar alt-fill</div>
<div class="code-name">&amp;#xe7d8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d9;</span>
<div class="name">cloud download-fill</div>
<div class="code-name">&amp;#xe7d9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7da;</span>
<div class="name">cloud upload-fill</div>
<div class="code-name">&amp;#xe7da;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7db;</span>
<div class="name">exchange-fill</div>
<div class="code-name">&amp;#xe7db;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7dc;</span>
<div class="name">info-circle-fill</div>
<div class="code-name">&amp;#xe7dc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7dd;</span>
<div class="name">question-circle-fill</div>
<div class="code-name">&amp;#xe7dd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7de;</span>
<div class="name">exclamation circle-f</div>
<div class="code-name">&amp;#xe7de;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7df;</span>
<div class="name">minus-circle-fill</div>
<div class="code-name">&amp;#xe7df;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e0;</span>
<div class="name">plus-circle-fill</div>
<div class="code-name">&amp;#xe7e0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e1;</span>
<div class="name">times-circle-fill</div>
<div class="code-name">&amp;#xe7e1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e2;</span>
<div class="name">check-circle-fill</div>
<div class="code-name">&amp;#xe7e2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e3;</span>
<div class="name">compress alt-fill</div>
<div class="code-name">&amp;#xe7e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e4;</span>
<div class="name">expand alt-fill</div>
<div class="code-name">&amp;#xe7e4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e5;</span>
<div class="name">filter</div>
<div class="code-name">&amp;#xe7e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e6;</span>
<div class="name">all</div>
<div class="code-name">&amp;#xe7e6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e7;</span>
<div class="name">database-plus</div>
<div class="code-name">&amp;#xe7e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e8;</span>
<div class="name">database</div>
<div class="code-name">&amp;#xe7e8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e9;</span>
<div class="name">comment-lines</div>
<div class="code-name">&amp;#xe7e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ea;</span>
<div class="name">comment-dots</div>
<div class="code-name">&amp;#xe7ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7eb;</span>
<div class="name">paper-plane</div>
<div class="code-name">&amp;#xe7eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ec;</span>
<div class="name">eye-slash</div>
<div class="code-name">&amp;#xe7ec;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ed;</span>
<div class="name">eye</div>
<div class="code-name">&amp;#xe7ed;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ee;</span>
<div class="name">lightbulb</div>
<div class="code-name">&amp;#xe7ee;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ef;</span>
<div class="name">flag</div>
<div class="code-name">&amp;#xe7ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f0;</span>
<div class="name">tag</div>
<div class="code-name">&amp;#xe7f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f1;</span>
<div class="name">position</div>
<div class="code-name">&amp;#xe7f1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f2;</span>
<div class="name">location</div>
<div class="code-name">&amp;#xe7f2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f3;</span>
<div class="name">map</div>
<div class="code-name">&amp;#xe7f3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f4;</span>
<div class="name">inbox-in</div>
<div class="code-name">&amp;#xe7f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f5;</span>
<div class="name">box</div>
<div class="code-name">&amp;#xe7f5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f6;</span>
<div class="name">database-set</div>
<div class="code-name">&amp;#xe7f6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f7;</span>
<div class="name">layer-group</div>
<div class="code-name">&amp;#xe7f7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f8;</span>
<div class="name">wind-cry</div>
<div class="code-name">&amp;#xe7f8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f9;</span>
<div class="name">wind-smile</div>
<div class="code-name">&amp;#xe7f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fa;</span>
<div class="name">unlock</div>
<div class="code-name">&amp;#xe7fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fb;</span>
<div class="name">lock</div>
<div class="code-name">&amp;#xe7fb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fc;</span>
<div class="name">align-right</div>
<div class="code-name">&amp;#xe7fc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fd;</span>
<div class="name">align-left</div>
<div class="code-name">&amp;#xe7fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fe;</span>
<div class="name">border-bottom</div>
<div class="code-name">&amp;#xe7fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ff;</span>
<div class="name">border-top</div>
<div class="code-name">&amp;#xe7ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe800;</span>
<div class="name">align-center</div>
<div class="code-name">&amp;#xe800;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe801;</span>
<div class="name">border-verticle</div>
<div class="code-name">&amp;#xe801;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe802;</span>
<div class="name">pic-center</div>
<div class="code-name">&amp;#xe802;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe803;</span>
<div class="name">pic-side</div>
<div class="code-name">&amp;#xe803;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe804;</span>
<div class="name">folder-open</div>
<div class="code-name">&amp;#xe804;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe805;</span>
<div class="name">folder-plus</div>
<div class="code-name">&amp;#xe805;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe806;</span>
<div class="name">folder</div>
<div class="code-name">&amp;#xe806;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe807;</span>
<div class="name">file-SQL</div>
<div class="code-name">&amp;#xe807;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe808;</span>
<div class="name">file-plus</div>
<div class="code-name">&amp;#xe808;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe809;</span>
<div class="name">file</div>
<div class="code-name">&amp;#xe809;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80a;</span>
<div class="name">copy</div>
<div class="code-name">&amp;#xe80a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80b;</span>
<div class="name">headset</div>
<div class="code-name">&amp;#xe80b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80c;</span>
<div class="name">phone</div>
<div class="code-name">&amp;#xe80c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80d;</span>
<div class="name">pause circle</div>
<div class="code-name">&amp;#xe80d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80e;</span>
<div class="name">stop circle</div>
<div class="code-name">&amp;#xe80e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80f;</span>
<div class="name">play circle</div>
<div class="code-name">&amp;#xe80f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe810;</span>
<div class="name">delete</div>
<div class="code-name">&amp;#xe810;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe811;</span>
<div class="name">picture</div>
<div class="code-name">&amp;#xe811;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe812;</span>
<div class="name">mail</div>
<div class="code-name">&amp;#xe812;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe813;</span>
<div class="name">like</div>
<div class="code-name">&amp;#xe813;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe814;</span>
<div class="name">collection</div>
<div class="code-name">&amp;#xe814;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe815;</span>
<div class="name">user-group</div>
<div class="code-name">&amp;#xe815;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe816;</span>
<div class="name">account-plus</div>
<div class="code-name">&amp;#xe816;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe817;</span>
<div class="name">account</div>
<div class="code-name">&amp;#xe817;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe818;</span>
<div class="name">cog</div>
<div class="code-name">&amp;#xe818;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe819;</span>
<div class="name">clock</div>
<div class="code-name">&amp;#xe819;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81a;</span>
<div class="name">calendar-alt</div>
<div class="code-name">&amp;#xe81a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81b;</span>
<div class="name">cloud download</div>
<div class="code-name">&amp;#xe81b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81c;</span>
<div class="name">cloud upload</div>
<div class="code-name">&amp;#xe81c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81d;</span>
<div class="name">exchange</div>
<div class="code-name">&amp;#xe81d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81e;</span>
<div class="name">info-circle</div>
<div class="code-name">&amp;#xe81e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81f;</span>
<div class="name">question-circle</div>
<div class="code-name">&amp;#xe81f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe820;</span>
<div class="name">exclamation-circle</div>
<div class="code-name">&amp;#xe820;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe821;</span>
<div class="name">minus-circle</div>
<div class="code-name">&amp;#xe821;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe822;</span>
<div class="name">plus-circle</div>
<div class="code-name">&amp;#xe822;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe823;</span>
<div class="name">times-circle</div>
<div class="code-name">&amp;#xe823;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe824;</span>
<div class="name">check-circle</div>
<div class="code-name">&amp;#xe824;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe825;</span>
<div class="name">compress-alt</div>
<div class="code-name">&amp;#xe825;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe826;</span>
<div class="name">expand-alt</div>
<div class="code-name">&amp;#xe826;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe827;</span>
<div class="name">ban</div>
<div class="code-name">&amp;#xe827;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe828;</span>
<div class="name">minus</div>
<div class="code-name">&amp;#xe828;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe829;</span>
<div class="name">plus</div>
<div class="code-name">&amp;#xe829;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82a;</span>
<div class="name">times</div>
<div class="code-name">&amp;#xe82a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82b;</span>
<div class="name">check</div>
<div class="code-name">&amp;#xe82b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82c;</span>
<div class="name">search-minus</div>
<div class="code-name">&amp;#xe82c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82d;</span>
<div class="name">search-plus</div>
<div class="code-name">&amp;#xe82d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82e;</span>
<div class="name">search</div>
<div class="code-name">&amp;#xe82e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82f;</span>
<div class="name">reply</div>
<div class="code-name">&amp;#xe82f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe830;</span>
<div class="name">undo</div>
<div class="code-name">&amp;#xe830;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe831;</span>
<div class="name">redo</div>
<div class="code-name">&amp;#xe831;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe832;</span>
<div class="name">external-link</div>
<div class="code-name">&amp;#xe832;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe833;</span>
<div class="name">arrows-alt</div>
<div class="code-name">&amp;#xe833;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe834;</span>
<div class="name">indent</div>
<div class="code-name">&amp;#xe834;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe835;</span>
<div class="name">outdent</div>
<div class="code-name">&amp;#xe835;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe836;</span>
<div class="name">sort-line</div>
<div class="code-name">&amp;#xe836;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe837;</span>
<div class="name">switch</div>
<div class="code-name">&amp;#xe837;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe838;</span>
<div class="name">wind-descending</div>
<div class="code-name">&amp;#xe838;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe839;</span>
<div class="name">wind-ascending</div>
<div class="code-name">&amp;#xe839;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83a;</span>
<div class="name">download</div>
<div class="code-name">&amp;#xe83a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83b;</span>
<div class="name">upload</div>
<div class="code-name">&amp;#xe83b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83c;</span>
<div class="name">arrow-to-bottom</div>
<div class="code-name">&amp;#xe83c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83d;</span>
<div class="name">arrow-to-top</div>
<div class="code-name">&amp;#xe83d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83e;</span>
<div class="name">long-arrow-down</div>
<div class="code-name">&amp;#xe83e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83f;</span>
<div class="name">long-arrow-up</div>
<div class="code-name">&amp;#xe83f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe840;</span>
<div class="name">arrow-right</div>
<div class="code-name">&amp;#xe840;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe841;</span>
<div class="name">arrow-left</div>
<div class="code-name">&amp;#xe841;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe842;</span>
<div class="name">sort</div>
<div class="code-name">&amp;#xe842;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe843;</span>
<div class="name">sort-down</div>
<div class="code-name">&amp;#xe843;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe844;</span>
<div class="name">sort-up</div>
<div class="code-name">&amp;#xe844;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe845;</span>
<div class="name">caret-right</div>
<div class="code-name">&amp;#xe845;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe846;</span>
<div class="name">caret-left</div>
<div class="code-name">&amp;#xe846;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe847;</span>
<div class="name">arrows-v</div>
<div class="code-name">&amp;#xe847;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe848;</span>
<div class="name">angle- double-down</div>
<div class="code-name">&amp;#xe848;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe849;</span>
<div class="name">angle-double-up</div>
<div class="code-name">&amp;#xe849;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84a;</span>
<div class="name">angle-double-right</div>
<div class="code-name">&amp;#xe84a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84b;</span>
<div class="name">angle-double-left</div>
<div class="code-name">&amp;#xe84b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84c;</span>
<div class="name">angle-down</div>
<div class="code-name">&amp;#xe84c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84d;</span>
<div class="name">angle-up</div>
<div class="code-name">&amp;#xe84d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84e;</span>
<div class="name">angle-right</div>
<div class="code-name">&amp;#xe84e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84f;</span>
<div class="name">angle-left</div>
<div class="code-name">&amp;#xe84f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe850;</span>
<div class="name">paperclip</div>
<div class="code-name">&amp;#xe850;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe851;</span>
<div class="name">connection</div>
<div class="code-name">&amp;#xe851;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe853;</span>
<div class="name">training</div>
<div class="code-name">&amp;#xe853;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe854;</span>
<div class="name">process</div>
<div class="code-name">&amp;#xe854;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe855;</span>
<div class="name">news</div>
<div class="code-name">&amp;#xe855;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe856;</span>
<div class="name">save</div>
<div class="code-name">&amp;#xe856;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe857;</span>
<div class="name">print</div>
<div class="code-name">&amp;#xe857;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe858;</span>
<div class="name">new-releases</div>
<div class="code-name">&amp;#xe858;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85a;</span>
<div class="name">release</div>
<div class="code-name">&amp;#xe85a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85b;</span>
<div class="name">alert</div>
<div class="code-name">&amp;#xe85b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85c;</span>
<div class="name">backspace</div>
<div class="code-name">&amp;#xe85c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85d;</span>
<div class="name">gem</div>
<div class="code-name">&amp;#xe85d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85e;</span>
<div class="name">integral</div>
<div class="code-name">&amp;#xe85e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85f;</span>
<div class="name">star-circle</div>
<div class="code-name">&amp;#xe85f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe860;</span>
<div class="name">user-circle</div>
<div class="code-name">&amp;#xe860;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe861;</span>
<div class="name">cloud-machine-fill</div>
<div class="code-name">&amp;#xe861;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe862;</span>
<div class="name">cloud-machine</div>
<div class="code-name">&amp;#xe862;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe863;</span>
<div class="name">terminal-fill</div>
<div class="code-name">&amp;#xe863;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe864;</span>
<div class="name">terminal</div>
<div class="code-name">&amp;#xe864;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe865;</span>
<div class="name">shopping-cart-fill</div>
<div class="code-name">&amp;#xe865;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe867;</span>
<div class="name">resource</div>
<div class="code-name">&amp;#xe867;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86a;</span>
<div class="name">rank</div>
<div class="code-name">&amp;#xe86a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86b;</span>
<div class="name">sync-alt</div>
<div class="code-name">&amp;#xe86b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86c;</span>
<div class="name">compass</div>
<div class="code-name">&amp;#xe86c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86d;</span>
<div class="name">arrow-alt- from-top</div>
<div class="code-name">&amp;#xe86d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86e;</span>
<div class="name">arrow-alt-from-botto</div>
<div class="code-name">&amp;#xe86e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86f;</span>
<div class="name">menu</div>
<div class="code-name">&amp;#xe86f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe870;</span>
<div class="name">icon-drag</div>
<div class="code-name">&amp;#xe870;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe871;</span>
<div class="name">early-warning</div>
<div class="code-name">&amp;#xe871;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe872;</span>
<div class="name">share</div>
<div class="code-name">&amp;#xe872;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe873;</span>
<div class="name">share</div>
<div class="code-name">&amp;#xe873;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe874;</span>
<div class="name">management</div>
<div class="code-name">&amp;#xe874;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe875;</span>
<div class="name">accesskeys</div>
<div class="code-name">&amp;#xe875;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe877;</span>
<div class="name">arrow-sort down-small</div>
<div class="code-name">&amp;#xe877;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe878;</span>
<div class="name">minus-square-fill</div>
<div class="code-name">&amp;#xe878;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe879;</span>
<div class="name">plus-square-fill</div>
<div class="code-name">&amp;#xe879;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87a;</span>
<div class="name">minus-square</div>
<div class="code-name">&amp;#xe87a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87b;</span>
<div class="name">plus-square</div>
<div class="code-name">&amp;#xe87b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87d;</span>
<div class="name">step mode</div>
<div class="code-name">&amp;#xe87d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87e;</span>
<div class="name">scrolling mode</div>
<div class="code-name">&amp;#xe87e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe881;</span>
<div class="name">shopping cart</div>
<div class="code-name">&amp;#xe881;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe882;</span>
<div class="name">waiting-fill</div>
<div class="code-name">&amp;#xe882;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe883;</span>
<div class="name">waiting</div>
<div class="code-name">&amp;#xe883;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe884;</span>
<div class="name">right-arrow-rect</div>
<div class="code-name">&amp;#xe884;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe885;</span>
<div class="name">left-arrow-rect</div>
<div class="code-name">&amp;#xe885;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe887;</span>
<div class="name">bell</div>
<div class="code-name">&amp;#xe887;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe888;</span>
<div class="name">structured data</div>
<div class="code-name">&amp;#xe888;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe769;</span>
<div class="name">drag</div>
<div class="code-name">&amp;#xe769;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe889;</span>
<div class="name">vector</div>
<div class="code-name">&amp;#xe889;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76a;</span>
<div class="name">ellipsis-v</div>
<div class="code-name">&amp;#xe76a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88a;</span>
<div class="name">NEW</div>
<div class="code-name">&amp;#xe88a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76b;</span>
<div class="name">gallery-view</div>
<div class="code-name">&amp;#xe76b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88b;</span>
<div class="name">HOT</div>
<div class="code-name">&amp;#xe88b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76c;</span>
<div class="name">WIFI</div>
<div class="code-name">&amp;#xe76c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88c;</span>
<div class="name">home</div>
<div class="code-name">&amp;#xe88c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76d;</span>
<div class="name">bug-report</div>
<div class="code-name">&amp;#xe76d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88e;</span>
<div class="name">monitoring</div>
<div class="code-name">&amp;#xe88e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76e;</span>
<div class="name">qrcode</div>
<div class="code-name">&amp;#xe76e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88f;</span>
<div class="name">diagnose</div>
<div class="code-name">&amp;#xe88f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76f;</span>
<div class="name">scan</div>
<div class="code-name">&amp;#xe76f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe891;</span>
<div class="name">loading</div>
<div class="code-name">&amp;#xe891;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe770;</span>
<div class="name">cut</div>
<div class="code-name">&amp;#xe770;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe892;</span>
<div class="name">Directory tree</div>
<div class="code-name">&amp;#xe892;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe771;</span>
<div class="name">gift</div>
<div class="code-name">&amp;#xe771;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89e;</span>
<div class="name">application</div>
<div class="code-name">&amp;#xe89e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe772;</span>
<div class="name">link</div>
<div class="code-name">&amp;#xe772;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89f;</span>
<div class="name">application group</div>
<div class="code-name">&amp;#xe89f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe774;</span>
<div class="name">poweroff</div>
<div class="code-name">&amp;#xe774;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe775;</span>
<div class="name">key</div>
<div class="code-name">&amp;#xe775;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe776;</span>
<div class="name">safety-certificate</div>
<div class="code-name">&amp;#xe776;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe777;</span>
<div class="name">supervise</div>
<div class="code-name">&amp;#xe777;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78a;</span>
<div class="name">tag-subscipt</div>
<div class="code-name">&amp;#xe78a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78c;</span>
<div class="name">chart-pie-alt</div>
<div class="code-name">&amp;#xe78c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78d;</span>
<div class="name">chart-relation</div>
<div class="code-name">&amp;#xe78d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78e;</span>
<div class="name">chart-scatter-plot</div>
<div class="code-name">&amp;#xe78e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78f;</span>
<div class="name">chart-area</div>
<div class="code-name">&amp;#xe78f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe790;</span>
<div class="name">chart-line</div>
<div class="code-name">&amp;#xe790;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe791;</span>
<div class="name">chart-bar</div>
<div class="code-name">&amp;#xe791;</div>
</li>
</ul>
</div>
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-lianjie"></span>
<div class="name">
链接
</div>
<div class="code-name">.icon-lianjie
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixin"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-weixin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pengyouquan"></span>
<div class="name">
朋友圈
</div>
<div class="code-name">.icon-pengyouquan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weibo"></span>
<div class="name">
微博
</div>
<div class="code-name">.icon-weibo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-QQ"></span>
<div class="name">
QQ
</div>
<div class="code-name">.icon-QQ
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaochengxu"></span>
<div class="name">
小程序
</div>
<div class="code-name">.icon-xiaochengxu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-display-code"></span>
<div class="name">
display-code
</div>
<div class="code-name">.icon-display-code
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-display-arrow-right"></span>
<div class="name">
display-arrow-right
</div>
<div class="code-name">.icon-display-arrow-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-display-arrow-left"></span>
<div class="name">
display-arrow-left
</div>
<div class="code-name">.icon-display-arrow-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-laptop-error"></span>
<div class="name">
laptop-error
</div>
<div class="code-name">.icon-laptop-error
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-laptop-check"></span>
<div class="name">
laptop-check
</div>
<div class="code-name">.icon-laptop-check
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-laptop"></span>
<div class="name">
laptop
</div>
<div class="code-name">.icon-laptop
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mobile-error"></span>
<div class="name">
mobile-error
</div>
<div class="code-name">.icon-mobile-error
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mobile-check"></span>
<div class="name">
mobile-check
</div>
<div class="code-name">.icon-mobile-check
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mobile-alt"></span>
<div class="name">
mobile-alt
</div>
<div class="code-name">.icon-mobile-alt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-aliwangwang"></span>
<div class="name">
aliwangwang
</div>
<div class="code-name">.icon-aliwangwang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nail"></span>
<div class="name">
nail
</div>
<div class="code-name">.icon-nail
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nail-fixed"></span>
<div class="name">
nail-fixed
</div>
<div class="code-name">.icon-nail-fixed
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit"></span>
<div class="name">
edit
</div>
<div class="code-name">.icon-edit
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dollar"></span>
<div class="name">
dollar
</div>
<div class="code-name">.icon-dollar
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-transanction"></span>
<div class="name">
transanction
</div>
<div class="code-name">.icon-transanction
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-filter-fill"></span>
<div class="name">
filter-fill
</div>
<div class="code-name">.icon-filter-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-all-fill"></span>
<div class="name">
all-fill
</div>
<div class="code-name">.icon-all-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-databaseplus-fill"></span>
<div class="name">
database plus-fill
</div>
<div class="code-name">.icon-databaseplus-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-database-fill"></span>
<div class="name">
database-fill
</div>
<div class="code-name">.icon-database-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-commentlines-fill"></span>
<div class="name">
comment lines-fill
</div>
<div class="code-name">.icon-commentlines-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-commentdots-fill"></span>
<div class="name">
comment dots-fill
</div>
<div class="code-name">.icon-commentdots-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paperplane-fill"></span>
<div class="name">
paper plane-fill
</div>
<div class="code-name">.icon-paperplane-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eyeslash-fill"></span>
<div class="name">
eye slash-fill
</div>
<div class="code-name">.icon-eyeslash-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye-fill"></span>
<div class="name">
eye-fill
</div>
<div class="code-name">.icon-eye-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lightbulb-fill"></span>
<div class="name">
lightbulb-fill
</div>
<div class="code-name">.icon-lightbulb-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-flag-fill"></span>
<div class="name">
flag-fill
</div>
<div class="code-name">.icon-flag-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tag-fill"></span>
<div class="name">
tag-fill
</div>
<div class="code-name">.icon-tag-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-position-fill"></span>
<div class="name">
position-fill
</div>
<div class="code-name">.icon-position-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-location-fill"></span>
<div class="name">
location-fill
</div>
<div class="code-name">.icon-location-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-map-fill"></span>
<div class="name">
map-fill
</div>
<div class="code-name">.icon-map-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-inboxin-fill"></span>
<div class="name">
inbox in-fill
</div>
<div class="code-name">.icon-inboxin-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-box-fill"></span>
<div class="name">
box-fill
</div>
<div class="code-name">.icon-box-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-databaseset-fill"></span>
<div class="name">
database set-fill
</div>
<div class="code-name">.icon-databaseset-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layergroup-fill"></span>
<div class="name">
layer group-fill
</div>
<div class="code-name">.icon-layergroup-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cry-fill"></span>
<div class="name">
cry-fill
</div>
<div class="code-name">.icon-cry-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-smile-fill"></span>
<div class="name">
smile-fill
</div>
<div class="code-name">.icon-smile-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-unlock-fill"></span>
<div class="name">
unlock-fill
</div>
<div class="code-name">.icon-unlock-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lock-fill"></span>
<div class="name">
lock-fill
</div>
<div class="code-name">.icon-lock-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-alignright-fill"></span>
<div class="name">
align right-fill
</div>
<div class="code-name">.icon-alignright-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-alignleft-fill"></span>
<div class="name">
align left-fill
</div>
<div class="code-name">.icon-alignleft-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-borderbottom-fill"></span>
<div class="name">
border bottom-fill
</div>
<div class="code-name">.icon-borderbottom-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bordertop-fill"></span>
<div class="name">
border top-fill
</div>
<div class="code-name">.icon-bordertop-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-aligncenter-fill"></span>
<div class="name">
align center-fill
</div>
<div class="code-name">.icon-aligncenter-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-borderverticle-fill"></span>
<div class="name">
border verticle-fill
</div>
<div class="code-name">.icon-borderverticle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-piccenter-fill"></span>
<div class="name">
pic center-fill
</div>
<div class="code-name">.icon-piccenter-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-picside-fill"></span>
<div class="name">
pic side-fill
</div>
<div class="code-name">.icon-picside-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folderopen-fill"></span>
<div class="name">
folder open-fill
</div>
<div class="code-name">.icon-folderopen-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folderplus-fill"></span>
<div class="name">
folder plus-fill
</div>
<div class="code-name">.icon-folderplus-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folder-fill"></span>
<div class="name">
folder-fill
</div>
<div class="code-name">.icon-folder-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-file-SQL"></span>
<div class="name">
file-SQL
</div>
<div class="code-name">.icon-file-SQL
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fileplus-fill"></span>
<div class="name">
file plus-fill
</div>
<div class="code-name">.icon-fileplus-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-file-fill"></span>
<div class="name">
file-fill
</div>
<div class="code-name">.icon-file-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-copy-fill"></span>
<div class="name">
copy-fill
</div>
<div class="code-name">.icon-copy-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-headset-fill"></span>
<div class="name">
headset-fill
</div>
<div class="code-name">.icon-headset-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone-fill"></span>
<div class="name">
phone-fill
</div>
<div class="code-name">.icon-phone-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pausecircle-fill"></span>
<div class="name">
pause circle-fill
</div>
<div class="code-name">.icon-pausecircle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-stopcircle-fill"></span>
<div class="name">
stop circle-fill
</div>
<div class="code-name">.icon-stopcircle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-playcircle-fill"></span>
<div class="name">
play circle-fill
</div>
<div class="code-name">.icon-playcircle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-delete-fill"></span>
<div class="name">
delete-fill
</div>
<div class="code-name">.icon-delete-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-picture-fill"></span>
<div class="name">
picture-fill
</div>
<div class="code-name">.icon-picture-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mail-fill"></span>
<div class="name">
mail-fill
</div>
<div class="code-name">.icon-mail-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-heart-fill"></span>
<div class="name">
heart-fill
</div>
<div class="code-name">.icon-heart-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-collection-fill"></span>
<div class="name">
collection-fill
</div>
<div class="code-name">.icon-collection-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-group-fill"></span>
<div class="name">
user-group-fill
</div>
<div class="code-name">.icon-user-group-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-userplus-fill"></span>
<div class="name">
user plus-fill
</div>
<div class="code-name">.icon-userplus-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-fill"></span>
<div class="name">
user-fill
</div>
<div class="code-name">.icon-user-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cog-fill"></span>
<div class="name">
cog-fill
</div>
<div class="code-name">.icon-cog-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clock-fill"></span>
<div class="name">
clock-fill
</div>
<div class="code-name">.icon-clock-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-calendaralt-fill"></span>
<div class="name">
calendar alt-fill
</div>
<div class="code-name">.icon-calendaralt-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clouddownload-fill"></span>
<div class="name">
cloud download-fill
</div>
<div class="code-name">.icon-clouddownload-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cloudupload-fill"></span>
<div class="name">
cloud upload-fill
</div>
<div class="code-name">.icon-cloudupload-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exchange-fill"></span>
<div class="name">
exchange-fill
</div>
<div class="code-name">.icon-exchange-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-info-circle-fill"></span>
<div class="name">
info-circle-fill
</div>
<div class="code-name">.icon-info-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-question-circle-fill"></span>
<div class="name">
question-circle-fill
</div>
<div class="code-name">.icon-question-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exclamationcircle-f"></span>
<div class="name">
exclamation circle-f
</div>
<div class="code-name">.icon-exclamationcircle-f
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-minus-circle-fill"></span>
<div class="name">
minus-circle-fill
</div>
<div class="code-name">.icon-minus-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-plus-circle-fill"></span>
<div class="name">
plus-circle-fill
</div>
<div class="code-name">.icon-plus-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-times-circle-fill"></span>
<div class="name">
times-circle-fill
</div>
<div class="code-name">.icon-times-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-check-circle-fill"></span>
<div class="name">
check-circle-fill
</div>
<div class="code-name">.icon-check-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-compressalt-fill"></span>
<div class="name">
compress alt-fill
</div>
<div class="code-name">.icon-compressalt-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-expandalt-fill"></span>
<div class="name">
expand alt-fill
</div>
<div class="code-name">.icon-expandalt-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-filter"></span>
<div class="name">
filter
</div>
<div class="code-name">.icon-filter
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-all"></span>
<div class="name">
all
</div>
<div class="code-name">.icon-all
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-database-plus"></span>
<div class="name">
database-plus
</div>
<div class="code-name">.icon-database-plus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-database"></span>
<div class="name">
database
</div>
<div class="code-name">.icon-database
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-comment-lines"></span>
<div class="name">
comment-lines
</div>
<div class="code-name">.icon-comment-lines
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-comment-dots"></span>
<div class="name">
comment-dots
</div>
<div class="code-name">.icon-comment-dots
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paper-plane"></span>
<div class="name">
paper-plane
</div>
<div class="code-name">.icon-paper-plane
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye-slash"></span>
<div class="name">
eye-slash
</div>
<div class="code-name">.icon-eye-slash
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye"></span>
<div class="name">
eye
</div>
<div class="code-name">.icon-eye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lightbulb"></span>
<div class="name">
lightbulb
</div>
<div class="code-name">.icon-lightbulb
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-flag"></span>
<div class="name">
flag
</div>
<div class="code-name">.icon-flag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tag"></span>
<div class="name">
tag
</div>
<div class="code-name">.icon-tag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-position"></span>
<div class="name">
position
</div>
<div class="code-name">.icon-position
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-location"></span>
<div class="name">
location
</div>
<div class="code-name">.icon-location
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-map"></span>
<div class="name">
map
</div>
<div class="code-name">.icon-map
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-inbox-in"></span>
<div class="name">
inbox-in
</div>
<div class="code-name">.icon-inbox-in
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-box"></span>
<div class="name">
box
</div>
<div class="code-name">.icon-box
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-database-set"></span>
<div class="name">
database-set
</div>
<div class="code-name">.icon-database-set
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layer-group"></span>
<div class="name">
layer-group
</div>
<div class="code-name">.icon-layer-group
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wind-cry"></span>
<div class="name">
wind-cry
</div>
<div class="code-name">.icon-wind-cry
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wind-smile"></span>
<div class="name">
wind-smile
</div>
<div class="code-name">.icon-wind-smile
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-unlock"></span>
<div class="name">
unlock
</div>
<div class="code-name">.icon-unlock
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lock"></span>
<div class="name">
lock
</div>
<div class="code-name">.icon-lock
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-align-right"></span>
<div class="name">
align-right
</div>
<div class="code-name">.icon-align-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-align-left"></span>
<div class="name">
align-left
</div>
<div class="code-name">.icon-align-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-border-bottom"></span>
<div class="name">
border-bottom
</div>
<div class="code-name">.icon-border-bottom
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-border-top"></span>
<div class="name">
border-top
</div>
<div class="code-name">.icon-border-top
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-align-center"></span>
<div class="name">
align-center
</div>
<div class="code-name">.icon-align-center
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-border-verticle"></span>
<div class="name">
border-verticle
</div>
<div class="code-name">.icon-border-verticle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pic-center"></span>
<div class="name">
pic-center
</div>
<div class="code-name">.icon-pic-center
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pic-side"></span>
<div class="name">
pic-side
</div>
<div class="code-name">.icon-pic-side
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folder-open"></span>
<div class="name">
folder-open
</div>
<div class="code-name">.icon-folder-open
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folder-plus"></span>
<div class="name">
folder-plus
</div>
<div class="code-name">.icon-folder-plus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folder"></span>
<div class="name">
folder
</div>
<div class="code-name">.icon-folder
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-file-SQL1"></span>
<div class="name">
file-SQL
</div>
<div class="code-name">.icon-file-SQL1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-file-plus"></span>
<div class="name">
file-plus
</div>
<div class="code-name">.icon-file-plus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-file"></span>
<div class="name">
file
</div>
<div class="code-name">.icon-file
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-copy"></span>
<div class="name">
copy
</div>
<div class="code-name">.icon-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-headset"></span>
<div class="name">
headset
</div>
<div class="code-name">.icon-headset
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone"></span>
<div class="name">
phone
</div>
<div class="code-name">.icon-phone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pausecircle"></span>
<div class="name">
pause circle
</div>
<div class="code-name">.icon-pausecircle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-stopcircle"></span>
<div class="name">
stop circle
</div>
<div class="code-name">.icon-stopcircle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-playcircle"></span>
<div class="name">
play circle
</div>
<div class="code-name">.icon-playcircle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-delete"></span>
<div class="name">
delete
</div>
<div class="code-name">.icon-delete
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-picture"></span>
<div class="name">
picture
</div>
<div class="code-name">.icon-picture
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mail"></span>
<div class="name">
mail
</div>
<div class="code-name">.icon-mail
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-like"></span>
<div class="name">
like
</div>
<div class="code-name">.icon-like
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-collection"></span>
<div class="name">
collection
</div>
<div class="code-name">.icon-collection
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-group"></span>
<div class="name">
user-group
</div>
<div class="code-name">.icon-user-group
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-account-plus"></span>
<div class="name">
account-plus
</div>
<div class="code-name">.icon-account-plus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-account"></span>
<div class="name">
account
</div>
<div class="code-name">.icon-account
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cog"></span>
<div class="name">
cog
</div>
<div class="code-name">.icon-cog
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clock"></span>
<div class="name">
clock
</div>
<div class="code-name">.icon-clock
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-calendar-alt"></span>
<div class="name">
calendar-alt
</div>
<div class="code-name">.icon-calendar-alt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clouddownload"></span>
<div class="name">
cloud download
</div>
<div class="code-name">.icon-clouddownload
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cloudupload"></span>
<div class="name">
cloud upload
</div>
<div class="code-name">.icon-cloudupload
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exchange"></span>
<div class="name">
exchange
</div>
<div class="code-name">.icon-exchange
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-info-circle"></span>
<div class="name">
info-circle
</div>
<div class="code-name">.icon-info-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-question-circle"></span>
<div class="name">
question-circle
</div>
<div class="code-name">.icon-question-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exclamation-circle"></span>
<div class="name">
exclamation-circle
</div>
<div class="code-name">.icon-exclamation-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-minus-circle"></span>
<div class="name">
minus-circle
</div>
<div class="code-name">.icon-minus-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-plus-circle"></span>
<div class="name">
plus-circle
</div>
<div class="code-name">.icon-plus-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-times-circle"></span>
<div class="name">
times-circle
</div>
<div class="code-name">.icon-times-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-check-circle"></span>
<div class="name">
check-circle
</div>
<div class="code-name">.icon-check-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-compress-alt"></span>
<div class="name">
compress-alt
</div>
<div class="code-name">.icon-compress-alt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-expand-alt"></span>
<div class="name">
expand-alt
</div>
<div class="code-name">.icon-expand-alt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ban"></span>
<div class="name">
ban
</div>
<div class="code-name">.icon-ban
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-minus"></span>
<div class="name">
minus
</div>
<div class="code-name">.icon-minus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-plus"></span>
<div class="name">
plus
</div>
<div class="code-name">.icon-plus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-times"></span>
<div class="name">
times
</div>
<div class="code-name">.icon-times
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-check"></span>
<div class="name">
check
</div>
<div class="code-name">.icon-check
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search-minus"></span>
<div class="name">
search-minus
</div>
<div class="code-name">.icon-search-minus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search-plus"></span>
<div class="name">
search-plus
</div>
<div class="code-name">.icon-search-plus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search"></span>
<div class="name">
search
</div>
<div class="code-name">.icon-search
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reply"></span>
<div class="name">
reply
</div>
<div class="code-name">.icon-reply
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-undo"></span>
<div class="name">
undo
</div>
<div class="code-name">.icon-undo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-redo"></span>
<div class="name">
redo
</div>
<div class="code-name">.icon-redo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-external-link"></span>
<div class="name">
external-link
</div>
<div class="code-name">.icon-external-link
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrows-alt"></span>
<div class="name">
arrows-alt
</div>
<div class="code-name">.icon-arrows-alt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-indent"></span>
<div class="name">
indent
</div>
<div class="code-name">.icon-indent
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-outdent"></span>
<div class="name">
outdent
</div>
<div class="code-name">.icon-outdent
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sort-line"></span>
<div class="name">
sort-line
</div>
<div class="code-name">.icon-sort-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-switch"></span>
<div class="name">
switch
</div>
<div class="code-name">.icon-switch
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wind-descending"></span>
<div class="name">
wind-descending
</div>
<div class="code-name">.icon-wind-descending
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wind-ascending"></span>
<div class="name">
wind-ascending
</div>
<div class="code-name">.icon-wind-ascending
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-download"></span>
<div class="name">
download
</div>
<div class="code-name">.icon-download
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-upload"></span>
<div class="name">
upload
</div>
<div class="code-name">.icon-upload
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-to-bottom"></span>
<div class="name">
arrow-to-bottom
</div>
<div class="code-name">.icon-arrow-to-bottom
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-to-top"></span>
<div class="name">
arrow-to-top
</div>
<div class="code-name">.icon-arrow-to-top
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-long-arrow-down"></span>
<div class="name">
long-arrow-down
</div>
<div class="code-name">.icon-long-arrow-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-long-arrow-up"></span>
<div class="name">
long-arrow-up
</div>
<div class="code-name">.icon-long-arrow-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right"></span>
<div class="name">
arrow-right
</div>
<div class="code-name">.icon-arrow-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-left"></span>
<div class="name">
arrow-left
</div>
<div class="code-name">.icon-arrow-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sort"></span>
<div class="name">
sort
</div>
<div class="code-name">.icon-sort
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sort-down"></span>
<div class="name">
sort-down
</div>
<div class="code-name">.icon-sort-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sort-up"></span>
<div class="name">
sort-up
</div>
<div class="code-name">.icon-sort-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-caret-right"></span>
<div class="name">
caret-right
</div>
<div class="code-name">.icon-caret-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-caret-left"></span>
<div class="name">
caret-left
</div>
<div class="code-name">.icon-caret-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrows-v"></span>
<div class="name">
arrows-v
</div>
<div class="code-name">.icon-arrows-v
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-double-down"></span>
<div class="name">
angle- double-down
</div>
<div class="code-name">.icon-angle-double-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-double-up"></span>
<div class="name">
angle-double-up
</div>
<div class="code-name">.icon-angle-double-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-double-right"></span>
<div class="name">
angle-double-right
</div>
<div class="code-name">.icon-angle-double-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-double-left"></span>
<div class="name">
angle-double-left
</div>
<div class="code-name">.icon-angle-double-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-down"></span>
<div class="name">
angle-down
</div>
<div class="code-name">.icon-angle-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-up"></span>
<div class="name">
angle-up
</div>
<div class="code-name">.icon-angle-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-right"></span>
<div class="name">
angle-right
</div>
<div class="code-name">.icon-angle-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-left"></span>
<div class="name">
angle-left
</div>
<div class="code-name">.icon-angle-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paperclip"></span>
<div class="name">
paperclip
</div>
<div class="code-name">.icon-paperclip
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-connection"></span>
<div class="name">
connection
</div>
<div class="code-name">.icon-connection
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-training"></span>
<div class="name">
training
</div>
<div class="code-name">.icon-training
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-process"></span>
<div class="name">
process
</div>
<div class="code-name">.icon-process
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-news"></span>
<div class="name">
news
</div>
<div class="code-name">.icon-news
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-save"></span>
<div class="name">
save
</div>
<div class="code-name">.icon-save
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-print"></span>
<div class="name">
print
</div>
<div class="code-name">.icon-print
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-new-releases"></span>
<div class="name">
new-releases
</div>
<div class="code-name">.icon-new-releases
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-release"></span>
<div class="name">
release
</div>
<div class="code-name">.icon-release
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-alert"></span>
<div class="name">
alert
</div>
<div class="code-name">.icon-alert
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-backspace"></span>
<div class="name">
backspace
</div>
<div class="code-name">.icon-backspace
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gem"></span>
<div class="name">
gem
</div>
<div class="code-name">.icon-gem
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-integral"></span>
<div class="name">
integral
</div>
<div class="code-name">.icon-integral
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-star-circle"></span>
<div class="name">
star-circle
</div>
<div class="code-name">.icon-star-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-circle"></span>
<div class="name">
user-circle
</div>
<div class="code-name">.icon-user-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cloud-machine-fill"></span>
<div class="name">
cloud-machine-fill
</div>
<div class="code-name">.icon-cloud-machine-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cloud-machine"></span>
<div class="name">
cloud-machine
</div>
<div class="code-name">.icon-cloud-machine
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-terminal-fill"></span>
<div class="name">
terminal-fill
</div>
<div class="code-name">.icon-terminal-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-terminal"></span>
<div class="name">
terminal
</div>
<div class="code-name">.icon-terminal
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shopping-cart-fill"></span>
<div class="name">
shopping-cart-fill
</div>
<div class="code-name">.icon-shopping-cart-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-resource"></span>
<div class="name">
resource
</div>
<div class="code-name">.icon-resource
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rank"></span>
<div class="name">
rank
</div>
<div class="code-name">.icon-rank
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sync-alt"></span>
<div class="name">
sync-alt
</div>
<div class="code-name">.icon-sync-alt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-compass"></span>
<div class="name">
compass
</div>
<div class="code-name">.icon-compass
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-alt-from-top"></span>
<div class="name">
arrow-alt- from-top
</div>
<div class="code-name">.icon-arrow-alt-from-top
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-alt-from-botto"></span>
<div class="name">
arrow-alt-from-botto
</div>
<div class="code-name">.icon-arrow-alt-from-botto
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu"></span>
<div class="name">
menu
</div>
<div class="code-name">.icon-menu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-drag"></span>
<div class="name">
icon-drag
</div>
<div class="code-name">.icon-icon-drag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-early-warning"></span>
<div class="name">
early-warning
</div>
<div class="code-name">.icon-early-warning
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-share"></span>
<div class="name">
share
</div>
<div class="code-name">.icon-share
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-share1"></span>
<div class="name">
share
</div>
<div class="code-name">.icon-share1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-management-"></span>
<div class="name">
management
</div>
<div class="code-name">.icon-management-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-accesskeys"></span>
<div class="name">
accesskeys
</div>
<div class="code-name">.icon-accesskeys
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-sortdown-smal"></span>
<div class="name">
arrow-sort down-small
</div>
<div class="code-name">.icon-arrow-sortdown-smal
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-minus-square-fill"></span>
<div class="name">
minus-square-fill
</div>
<div class="code-name">.icon-minus-square-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-plus-square-fill"></span>
<div class="name">
plus-square-fill
</div>
<div class="code-name">.icon-plus-square-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-minus-square"></span>
<div class="name">
minus-square
</div>
<div class="code-name">.icon-minus-square
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-plus-square"></span>
<div class="name">
plus-square
</div>
<div class="code-name">.icon-plus-square
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-stepmode"></span>
<div class="name">
step mode
</div>
<div class="code-name">.icon-stepmode
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-scrollingmode"></span>
<div class="name">
scrolling mode
</div>
<div class="code-name">.icon-scrollingmode
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shoppingcart"></span>
<div class="name">
shopping cart
</div>
<div class="code-name">.icon-shoppingcart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-waiting-fill"></span>
<div class="name">
waiting-fill
</div>
<div class="code-name">.icon-waiting-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-waiting"></span>
<div class="name">
waiting
</div>
<div class="code-name">.icon-waiting
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-right-arrow-rect"></span>
<div class="name">
right-arrow-rect
</div>
<div class="code-name">.icon-right-arrow-rect
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-left-arrow-rect"></span>
<div class="name">
left-arrow-rect
</div>
<div class="code-name">.icon-left-arrow-rect
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bell"></span>
<div class="name">
bell
</div>
<div class="code-name">.icon-bell
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-structured-data"></span>
<div class="name">
structured data
</div>
<div class="code-name">.icon-structured-data
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-drag"></span>
<div class="name">
drag
</div>
<div class="code-name">.icon-drag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vector"></span>
<div class="name">
vector
</div>
<div class="code-name">.icon-vector
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ellipsis-vertical"></span>
<div class="name">
ellipsis-v
</div>
<div class="code-name">.icon-ellipsis-vertical
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-NEW-copy"></span>
<div class="name">
NEW
</div>
<div class="code-name">.icon-NEW-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gallery-view"></span>
<div class="name">
gallery-view
</div>
<div class="code-name">.icon-gallery-view
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-HOT-copy"></span>
<div class="name">
HOT
</div>
<div class="code-name">.icon-HOT-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-WIFI"></span>
<div class="name">
WIFI
</div>
<div class="code-name">.icon-WIFI
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-home"></span>
<div class="name">
home
</div>
<div class="code-name">.icon-home
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bug-report"></span>
<div class="name">
bug-report
</div>
<div class="code-name">.icon-bug-report
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-monitoring"></span>
<div class="name">
monitoring
</div>
<div class="code-name">.icon-monitoring
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qrcode"></span>
<div class="name">
qrcode
</div>
<div class="code-name">.icon-qrcode
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-diagnose"></span>
<div class="name">
diagnose
</div>
<div class="code-name">.icon-diagnose
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-scan"></span>
<div class="name">
scan
</div>
<div class="code-name">.icon-scan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-loading"></span>
<div class="name">
loading
</div>
<div class="code-name">.icon-loading
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cut"></span>
<div class="name">
cut
</div>
<div class="code-name">.icon-cut
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Directory-tree"></span>
<div class="name">
Directory tree
</div>
<div class="code-name">.icon-Directory-tree
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gift"></span>
<div class="name">
gift
</div>
<div class="code-name">.icon-gift
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-application"></span>
<div class="name">
application
</div>
<div class="code-name">.icon-application
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-link"></span>
<div class="name">
link
</div>
<div class="code-name">.icon-link
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-applicationgroup"></span>
<div class="name">
application group
</div>
<div class="code-name">.icon-applicationgroup
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-poweroff"></span>
<div class="name">
poweroff
</div>
<div class="code-name">.icon-poweroff
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-key"></span>
<div class="name">
key
</div>
<div class="code-name">.icon-key
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-safety-certificate"></span>
<div class="name">
safety-certificate
</div>
<div class="code-name">.icon-safety-certificate
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-supervise"></span>
<div class="name">
supervise
</div>
<div class="code-name">.icon-supervise
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tag-subscipt"></span>
<div class="name">
tag-subscipt
</div>
<div class="code-name">.icon-tag-subscipt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chart-pie-alt"></span>
<div class="name">
chart-pie-alt
</div>
<div class="code-name">.icon-chart-pie-alt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chart-relation"></span>
<div class="name">
chart-relation
</div>
<div class="code-name">.icon-chart-relation
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chart-scatter-plot"></span>
<div class="name">
chart-scatter-plot
</div>
<div class="code-name">.icon-chart-scatter-plot
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chart-area"></span>
<div class="name">
chart-area
</div>
<div class="code-name">.icon-chart-area
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chart-line"></span>
<div class="name">
chart-line
</div>
<div class="code-name">.icon-chart-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chart-bar"></span>
<div class="name">
chart-bar
</div>
<div class="code-name">.icon-chart-bar
</div>
</li>
</ul>
</div>
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lianjie"></use>
</svg>
<div class="name">链接</div>
<div class="code-name">#icon-lianjie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weixin"></use>
</svg>
<div class="name">微信</div>
<div class="code-name">#icon-weixin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pengyouquan"></use>
</svg>
<div class="name">朋友圈</div>
<div class="code-name">#icon-pengyouquan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weibo"></use>
</svg>
<div class="name">微博</div>
<div class="code-name">#icon-weibo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-QQ"></use>
</svg>
<div class="name">QQ</div>
<div class="code-name">#icon-QQ</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaochengxu"></use>
</svg>
<div class="name">小程序</div>
<div class="code-name">#icon-xiaochengxu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-display-code"></use>
</svg>
<div class="name">display-code</div>
<div class="code-name">#icon-display-code</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-display-arrow-right"></use>
</svg>
<div class="name">display-arrow-right</div>
<div class="code-name">#icon-display-arrow-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-display-arrow-left"></use>
</svg>
<div class="name">display-arrow-left</div>
<div class="code-name">#icon-display-arrow-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-laptop-error"></use>
</svg>
<div class="name">laptop-error</div>
<div class="code-name">#icon-laptop-error</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-laptop-check"></use>
</svg>
<div class="name">laptop-check</div>
<div class="code-name">#icon-laptop-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-laptop"></use>
</svg>
<div class="name">laptop</div>
<div class="code-name">#icon-laptop</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mobile-error"></use>
</svg>
<div class="name">mobile-error</div>
<div class="code-name">#icon-mobile-error</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mobile-check"></use>
</svg>
<div class="name">mobile-check</div>
<div class="code-name">#icon-mobile-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mobile-alt"></use>
</svg>
<div class="name">mobile-alt</div>
<div class="code-name">#icon-mobile-alt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-aliwangwang"></use>
</svg>
<div class="name">aliwangwang</div>
<div class="code-name">#icon-aliwangwang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nail"></use>
</svg>
<div class="name">nail</div>
<div class="code-name">#icon-nail</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nail-fixed"></use>
</svg>
<div class="name">nail-fixed</div>
<div class="code-name">#icon-nail-fixed</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit"></use>
</svg>
<div class="name">edit</div>
<div class="code-name">#icon-edit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dollar"></use>
</svg>
<div class="name">dollar</div>
<div class="code-name">#icon-dollar</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-transanction"></use>
</svg>
<div class="name">transanction</div>
<div class="code-name">#icon-transanction</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-filter-fill"></use>
</svg>
<div class="name">filter-fill</div>
<div class="code-name">#icon-filter-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-all-fill"></use>
</svg>
<div class="name">all-fill</div>
<div class="code-name">#icon-all-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-databaseplus-fill"></use>
</svg>
<div class="name">database plus-fill</div>
<div class="code-name">#icon-databaseplus-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-database-fill"></use>
</svg>
<div class="name">database-fill</div>
<div class="code-name">#icon-database-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-commentlines-fill"></use>
</svg>
<div class="name">comment lines-fill</div>
<div class="code-name">#icon-commentlines-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-commentdots-fill"></use>
</svg>
<div class="name">comment dots-fill</div>
<div class="code-name">#icon-commentdots-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paperplane-fill"></use>
</svg>
<div class="name">paper plane-fill</div>
<div class="code-name">#icon-paperplane-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eyeslash-fill"></use>
</svg>
<div class="name">eye slash-fill</div>
<div class="code-name">#icon-eyeslash-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye-fill"></use>
</svg>
<div class="name">eye-fill</div>
<div class="code-name">#icon-eye-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lightbulb-fill"></use>
</svg>
<div class="name">lightbulb-fill</div>
<div class="code-name">#icon-lightbulb-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-flag-fill"></use>
</svg>
<div class="name">flag-fill</div>
<div class="code-name">#icon-flag-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tag-fill"></use>
</svg>
<div class="name">tag-fill</div>
<div class="code-name">#icon-tag-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-position-fill"></use>
</svg>
<div class="name">position-fill</div>
<div class="code-name">#icon-position-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-location-fill"></use>
</svg>
<div class="name">location-fill</div>
<div class="code-name">#icon-location-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-map-fill"></use>
</svg>
<div class="name">map-fill</div>
<div class="code-name">#icon-map-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-inboxin-fill"></use>
</svg>
<div class="name">inbox in-fill</div>
<div class="code-name">#icon-inboxin-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-box-fill"></use>
</svg>
<div class="name">box-fill</div>
<div class="code-name">#icon-box-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-databaseset-fill"></use>
</svg>
<div class="name">database set-fill</div>
<div class="code-name">#icon-databaseset-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layergroup-fill"></use>
</svg>
<div class="name">layer group-fill</div>
<div class="code-name">#icon-layergroup-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cry-fill"></use>
</svg>
<div class="name">cry-fill</div>
<div class="code-name">#icon-cry-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-smile-fill"></use>
</svg>
<div class="name">smile-fill</div>
<div class="code-name">#icon-smile-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-unlock-fill"></use>
</svg>
<div class="name">unlock-fill</div>
<div class="code-name">#icon-unlock-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lock-fill"></use>
</svg>
<div class="name">lock-fill</div>
<div class="code-name">#icon-lock-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alignright-fill"></use>
</svg>
<div class="name">align right-fill</div>
<div class="code-name">#icon-alignright-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alignleft-fill"></use>
</svg>
<div class="name">align left-fill</div>
<div class="code-name">#icon-alignleft-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-borderbottom-fill"></use>
</svg>
<div class="name">border bottom-fill</div>
<div class="code-name">#icon-borderbottom-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bordertop-fill"></use>
</svg>
<div class="name">border top-fill</div>
<div class="code-name">#icon-bordertop-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-aligncenter-fill"></use>
</svg>
<div class="name">align center-fill</div>
<div class="code-name">#icon-aligncenter-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-borderverticle-fill"></use>
</svg>
<div class="name">border verticle-fill</div>
<div class="code-name">#icon-borderverticle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-piccenter-fill"></use>
</svg>
<div class="name">pic center-fill</div>
<div class="code-name">#icon-piccenter-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-picside-fill"></use>
</svg>
<div class="name">pic side-fill</div>
<div class="code-name">#icon-picside-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folderopen-fill"></use>
</svg>
<div class="name">folder open-fill</div>
<div class="code-name">#icon-folderopen-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folderplus-fill"></use>
</svg>
<div class="name">folder plus-fill</div>
<div class="code-name">#icon-folderplus-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folder-fill"></use>
</svg>
<div class="name">folder-fill</div>
<div class="code-name">#icon-folder-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-file-SQL"></use>
</svg>
<div class="name">file-SQL</div>
<div class="code-name">#icon-file-SQL</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fileplus-fill"></use>
</svg>
<div class="name">file plus-fill</div>
<div class="code-name">#icon-fileplus-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-file-fill"></use>
</svg>
<div class="name">file-fill</div>
<div class="code-name">#icon-file-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-copy-fill"></use>
</svg>
<div class="name">copy-fill</div>
<div class="code-name">#icon-copy-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-headset-fill"></use>
</svg>
<div class="name">headset-fill</div>
<div class="code-name">#icon-headset-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone-fill"></use>
</svg>
<div class="name">phone-fill</div>
<div class="code-name">#icon-phone-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pausecircle-fill"></use>
</svg>
<div class="name">pause circle-fill</div>
<div class="code-name">#icon-pausecircle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-stopcircle-fill"></use>
</svg>
<div class="name">stop circle-fill</div>
<div class="code-name">#icon-stopcircle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-playcircle-fill"></use>
</svg>
<div class="name">play circle-fill</div>
<div class="code-name">#icon-playcircle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-delete-fill"></use>
</svg>
<div class="name">delete-fill</div>
<div class="code-name">#icon-delete-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-picture-fill"></use>
</svg>
<div class="name">picture-fill</div>
<div class="code-name">#icon-picture-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mail-fill"></use>
</svg>
<div class="name">mail-fill</div>
<div class="code-name">#icon-mail-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-heart-fill"></use>
</svg>
<div class="name">heart-fill</div>
<div class="code-name">#icon-heart-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-collection-fill"></use>
</svg>
<div class="name">collection-fill</div>
<div class="code-name">#icon-collection-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-group-fill"></use>
</svg>
<div class="name">user-group-fill</div>
<div class="code-name">#icon-user-group-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-userplus-fill"></use>
</svg>
<div class="name">user plus-fill</div>
<div class="code-name">#icon-userplus-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-fill"></use>
</svg>
<div class="name">user-fill</div>
<div class="code-name">#icon-user-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cog-fill"></use>
</svg>
<div class="name">cog-fill</div>
<div class="code-name">#icon-cog-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clock-fill"></use>
</svg>
<div class="name">clock-fill</div>
<div class="code-name">#icon-clock-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-calendaralt-fill"></use>
</svg>
<div class="name">calendar alt-fill</div>
<div class="code-name">#icon-calendaralt-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clouddownload-fill"></use>
</svg>
<div class="name">cloud download-fill</div>
<div class="code-name">#icon-clouddownload-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cloudupload-fill"></use>
</svg>
<div class="name">cloud upload-fill</div>
<div class="code-name">#icon-cloudupload-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exchange-fill"></use>
</svg>
<div class="name">exchange-fill</div>
<div class="code-name">#icon-exchange-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-info-circle-fill"></use>
</svg>
<div class="name">info-circle-fill</div>
<div class="code-name">#icon-info-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-question-circle-fill"></use>
</svg>
<div class="name">question-circle-fill</div>
<div class="code-name">#icon-question-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exclamationcircle-f"></use>
</svg>
<div class="name">exclamation circle-f</div>
<div class="code-name">#icon-exclamationcircle-f</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-minus-circle-fill"></use>
</svg>
<div class="name">minus-circle-fill</div>
<div class="code-name">#icon-minus-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-plus-circle-fill"></use>
</svg>
<div class="name">plus-circle-fill</div>
<div class="code-name">#icon-plus-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-times-circle-fill"></use>
</svg>
<div class="name">times-circle-fill</div>
<div class="code-name">#icon-times-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-check-circle-fill"></use>
</svg>
<div class="name">check-circle-fill</div>
<div class="code-name">#icon-check-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-compressalt-fill"></use>
</svg>
<div class="name">compress alt-fill</div>
<div class="code-name">#icon-compressalt-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-expandalt-fill"></use>
</svg>
<div class="name">expand alt-fill</div>
<div class="code-name">#icon-expandalt-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-filter"></use>
</svg>
<div class="name">filter</div>
<div class="code-name">#icon-filter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-all"></use>
</svg>
<div class="name">all</div>
<div class="code-name">#icon-all</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-database-plus"></use>
</svg>
<div class="name">database-plus</div>
<div class="code-name">#icon-database-plus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-database"></use>
</svg>
<div class="name">database</div>
<div class="code-name">#icon-database</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-comment-lines"></use>
</svg>
<div class="name">comment-lines</div>
<div class="code-name">#icon-comment-lines</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-comment-dots"></use>
</svg>
<div class="name">comment-dots</div>
<div class="code-name">#icon-comment-dots</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paper-plane"></use>
</svg>
<div class="name">paper-plane</div>
<div class="code-name">#icon-paper-plane</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye-slash"></use>
</svg>
<div class="name">eye-slash</div>
<div class="code-name">#icon-eye-slash</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye"></use>
</svg>
<div class="name">eye</div>
<div class="code-name">#icon-eye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lightbulb"></use>
</svg>
<div class="name">lightbulb</div>
<div class="code-name">#icon-lightbulb</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-flag"></use>
</svg>
<div class="name">flag</div>
<div class="code-name">#icon-flag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tag"></use>
</svg>
<div class="name">tag</div>
<div class="code-name">#icon-tag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-position"></use>
</svg>
<div class="name">position</div>
<div class="code-name">#icon-position</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-location"></use>
</svg>
<div class="name">location</div>
<div class="code-name">#icon-location</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-map"></use>
</svg>
<div class="name">map</div>
<div class="code-name">#icon-map</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-inbox-in"></use>
</svg>
<div class="name">inbox-in</div>
<div class="code-name">#icon-inbox-in</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-box"></use>
</svg>
<div class="name">box</div>
<div class="code-name">#icon-box</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-database-set"></use>
</svg>
<div class="name">database-set</div>
<div class="code-name">#icon-database-set</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layer-group"></use>
</svg>
<div class="name">layer-group</div>
<div class="code-name">#icon-layer-group</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wind-cry"></use>
</svg>
<div class="name">wind-cry</div>
<div class="code-name">#icon-wind-cry</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wind-smile"></use>
</svg>
<div class="name">wind-smile</div>
<div class="code-name">#icon-wind-smile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-unlock"></use>
</svg>
<div class="name">unlock</div>
<div class="code-name">#icon-unlock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lock"></use>
</svg>
<div class="name">lock</div>
<div class="code-name">#icon-lock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-align-right"></use>
</svg>
<div class="name">align-right</div>
<div class="code-name">#icon-align-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-align-left"></use>
</svg>
<div class="name">align-left</div>
<div class="code-name">#icon-align-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-border-bottom"></use>
</svg>
<div class="name">border-bottom</div>
<div class="code-name">#icon-border-bottom</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-border-top"></use>
</svg>
<div class="name">border-top</div>
<div class="code-name">#icon-border-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-align-center"></use>
</svg>
<div class="name">align-center</div>
<div class="code-name">#icon-align-center</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-border-verticle"></use>
</svg>
<div class="name">border-verticle</div>
<div class="code-name">#icon-border-verticle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pic-center"></use>
</svg>
<div class="name">pic-center</div>
<div class="code-name">#icon-pic-center</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pic-side"></use>
</svg>
<div class="name">pic-side</div>
<div class="code-name">#icon-pic-side</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folder-open"></use>
</svg>
<div class="name">folder-open</div>
<div class="code-name">#icon-folder-open</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folder-plus"></use>
</svg>
<div class="name">folder-plus</div>
<div class="code-name">#icon-folder-plus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folder"></use>
</svg>
<div class="name">folder</div>
<div class="code-name">#icon-folder</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-file-SQL1"></use>
</svg>
<div class="name">file-SQL</div>
<div class="code-name">#icon-file-SQL1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-file-plus"></use>
</svg>
<div class="name">file-plus</div>
<div class="code-name">#icon-file-plus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-file"></use>
</svg>
<div class="name">file</div>
<div class="code-name">#icon-file</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-copy"></use>
</svg>
<div class="name">copy</div>
<div class="code-name">#icon-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-headset"></use>
</svg>
<div class="name">headset</div>
<div class="code-name">#icon-headset</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone"></use>
</svg>
<div class="name">phone</div>
<div class="code-name">#icon-phone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pausecircle"></use>
</svg>
<div class="name">pause circle</div>
<div class="code-name">#icon-pausecircle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-stopcircle"></use>
</svg>
<div class="name">stop circle</div>
<div class="code-name">#icon-stopcircle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-playcircle"></use>
</svg>
<div class="name">play circle</div>
<div class="code-name">#icon-playcircle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-delete"></use>
</svg>
<div class="name">delete</div>
<div class="code-name">#icon-delete</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-picture"></use>
</svg>
<div class="name">picture</div>
<div class="code-name">#icon-picture</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mail"></use>
</svg>
<div class="name">mail</div>
<div class="code-name">#icon-mail</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-like"></use>
</svg>
<div class="name">like</div>
<div class="code-name">#icon-like</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-collection"></use>
</svg>
<div class="name">collection</div>
<div class="code-name">#icon-collection</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-group"></use>
</svg>
<div class="name">user-group</div>
<div class="code-name">#icon-user-group</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-account-plus"></use>
</svg>
<div class="name">account-plus</div>
<div class="code-name">#icon-account-plus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-account"></use>
</svg>
<div class="name">account</div>
<div class="code-name">#icon-account</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cog"></use>
</svg>
<div class="name">cog</div>
<div class="code-name">#icon-cog</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clock"></use>
</svg>
<div class="name">clock</div>
<div class="code-name">#icon-clock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-calendar-alt"></use>
</svg>
<div class="name">calendar-alt</div>
<div class="code-name">#icon-calendar-alt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clouddownload"></use>
</svg>
<div class="name">cloud download</div>
<div class="code-name">#icon-clouddownload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cloudupload"></use>
</svg>
<div class="name">cloud upload</div>
<div class="code-name">#icon-cloudupload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exchange"></use>
</svg>
<div class="name">exchange</div>
<div class="code-name">#icon-exchange</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-info-circle"></use>
</svg>
<div class="name">info-circle</div>
<div class="code-name">#icon-info-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-question-circle"></use>
</svg>
<div class="name">question-circle</div>
<div class="code-name">#icon-question-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exclamation-circle"></use>
</svg>
<div class="name">exclamation-circle</div>
<div class="code-name">#icon-exclamation-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-minus-circle"></use>
</svg>
<div class="name">minus-circle</div>
<div class="code-name">#icon-minus-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-plus-circle"></use>
</svg>
<div class="name">plus-circle</div>
<div class="code-name">#icon-plus-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-times-circle"></use>
</svg>
<div class="name">times-circle</div>
<div class="code-name">#icon-times-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-check-circle"></use>
</svg>
<div class="name">check-circle</div>
<div class="code-name">#icon-check-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-compress-alt"></use>
</svg>
<div class="name">compress-alt</div>
<div class="code-name">#icon-compress-alt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-expand-alt"></use>
</svg>
<div class="name">expand-alt</div>
<div class="code-name">#icon-expand-alt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ban"></use>
</svg>
<div class="name">ban</div>
<div class="code-name">#icon-ban</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-minus"></use>
</svg>
<div class="name">minus</div>
<div class="code-name">#icon-minus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-plus"></use>
</svg>
<div class="name">plus</div>
<div class="code-name">#icon-plus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-times"></use>
</svg>
<div class="name">times</div>
<div class="code-name">#icon-times</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>
<div class="name">check</div>
<div class="code-name">#icon-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search-minus"></use>
</svg>
<div class="name">search-minus</div>
<div class="code-name">#icon-search-minus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search-plus"></use>
</svg>
<div class="name">search-plus</div>
<div class="code-name">#icon-search-plus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search"></use>
</svg>
<div class="name">search</div>
<div class="code-name">#icon-search</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reply"></use>
</svg>
<div class="name">reply</div>
<div class="code-name">#icon-reply</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-undo"></use>
</svg>
<div class="name">undo</div>
<div class="code-name">#icon-undo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-redo"></use>
</svg>
<div class="name">redo</div>
<div class="code-name">#icon-redo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-external-link"></use>
</svg>
<div class="name">external-link</div>
<div class="code-name">#icon-external-link</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrows-alt"></use>
</svg>
<div class="name">arrows-alt</div>
<div class="code-name">#icon-arrows-alt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-indent"></use>
</svg>
<div class="name">indent</div>
<div class="code-name">#icon-indent</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-outdent"></use>
</svg>
<div class="name">outdent</div>
<div class="code-name">#icon-outdent</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sort-line"></use>
</svg>
<div class="name">sort-line</div>
<div class="code-name">#icon-sort-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-switch"></use>
</svg>
<div class="name">switch</div>
<div class="code-name">#icon-switch</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wind-descending"></use>
</svg>
<div class="name">wind-descending</div>
<div class="code-name">#icon-wind-descending</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wind-ascending"></use>
</svg>
<div class="name">wind-ascending</div>
<div class="code-name">#icon-wind-ascending</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-download"></use>
</svg>
<div class="name">download</div>
<div class="code-name">#icon-download</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-upload"></use>
</svg>
<div class="name">upload</div>
<div class="code-name">#icon-upload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-to-bottom"></use>
</svg>
<div class="name">arrow-to-bottom</div>
<div class="code-name">#icon-arrow-to-bottom</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-to-top"></use>
</svg>
<div class="name">arrow-to-top</div>
<div class="code-name">#icon-arrow-to-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-long-arrow-down"></use>
</svg>
<div class="name">long-arrow-down</div>
<div class="code-name">#icon-long-arrow-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-long-arrow-up"></use>
</svg>
<div class="name">long-arrow-up</div>
<div class="code-name">#icon-long-arrow-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right"></use>
</svg>
<div class="name">arrow-right</div>
<div class="code-name">#icon-arrow-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-left"></use>
</svg>
<div class="name">arrow-left</div>
<div class="code-name">#icon-arrow-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sort"></use>
</svg>
<div class="name">sort</div>
<div class="code-name">#icon-sort</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sort-down"></use>
</svg>
<div class="name">sort-down</div>
<div class="code-name">#icon-sort-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sort-up"></use>
</svg>
<div class="name">sort-up</div>
<div class="code-name">#icon-sort-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-caret-right"></use>
</svg>
<div class="name">caret-right</div>
<div class="code-name">#icon-caret-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-caret-left"></use>
</svg>
<div class="name">caret-left</div>
<div class="code-name">#icon-caret-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrows-v"></use>
</svg>
<div class="name">arrows-v</div>
<div class="code-name">#icon-arrows-v</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-double-down"></use>
</svg>
<div class="name">angle- double-down</div>
<div class="code-name">#icon-angle-double-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-double-up"></use>
</svg>
<div class="name">angle-double-up</div>
<div class="code-name">#icon-angle-double-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-double-right"></use>
</svg>
<div class="name">angle-double-right</div>
<div class="code-name">#icon-angle-double-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-double-left"></use>
</svg>
<div class="name">angle-double-left</div>
<div class="code-name">#icon-angle-double-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-down"></use>
</svg>
<div class="name">angle-down</div>
<div class="code-name">#icon-angle-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-up"></use>
</svg>
<div class="name">angle-up</div>
<div class="code-name">#icon-angle-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-right"></use>
</svg>
<div class="name">angle-right</div>
<div class="code-name">#icon-angle-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-left"></use>
</svg>
<div class="name">angle-left</div>
<div class="code-name">#icon-angle-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paperclip"></use>
</svg>
<div class="name">paperclip</div>
<div class="code-name">#icon-paperclip</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-connection"></use>
</svg>
<div class="name">connection</div>
<div class="code-name">#icon-connection</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-training"></use>
</svg>
<div class="name">training</div>
<div class="code-name">#icon-training</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-process"></use>
</svg>
<div class="name">process</div>
<div class="code-name">#icon-process</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-news"></use>
</svg>
<div class="name">news</div>
<div class="code-name">#icon-news</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-save"></use>
</svg>
<div class="name">save</div>
<div class="code-name">#icon-save</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-print"></use>
</svg>
<div class="name">print</div>
<div class="code-name">#icon-print</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-new-releases"></use>
</svg>
<div class="name">new-releases</div>
<div class="code-name">#icon-new-releases</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-release"></use>
</svg>
<div class="name">release</div>
<div class="code-name">#icon-release</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alert"></use>
</svg>
<div class="name">alert</div>
<div class="code-name">#icon-alert</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-backspace"></use>
</svg>
<div class="name">backspace</div>
<div class="code-name">#icon-backspace</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gem"></use>
</svg>
<div class="name">gem</div>
<div class="code-name">#icon-gem</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-integral"></use>
</svg>
<div class="name">integral</div>
<div class="code-name">#icon-integral</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-star-circle"></use>
</svg>
<div class="name">star-circle</div>
<div class="code-name">#icon-star-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-circle"></use>
</svg>
<div class="name">user-circle</div>
<div class="code-name">#icon-user-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cloud-machine-fill"></use>
</svg>
<div class="name">cloud-machine-fill</div>
<div class="code-name">#icon-cloud-machine-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cloud-machine"></use>
</svg>
<div class="name">cloud-machine</div>
<div class="code-name">#icon-cloud-machine</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-terminal-fill"></use>
</svg>
<div class="name">terminal-fill</div>
<div class="code-name">#icon-terminal-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-terminal"></use>
</svg>
<div class="name">terminal</div>
<div class="code-name">#icon-terminal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shopping-cart-fill"></use>
</svg>
<div class="name">shopping-cart-fill</div>
<div class="code-name">#icon-shopping-cart-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-resource"></use>
</svg>
<div class="name">resource</div>
<div class="code-name">#icon-resource</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rank"></use>
</svg>
<div class="name">rank</div>
<div class="code-name">#icon-rank</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sync-alt"></use>
</svg>
<div class="name">sync-alt</div>
<div class="code-name">#icon-sync-alt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-compass"></use>
</svg>
<div class="name">compass</div>
<div class="code-name">#icon-compass</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-alt-from-top"></use>
</svg>
<div class="name">arrow-alt- from-top</div>
<div class="code-name">#icon-arrow-alt-from-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-alt-from-botto"></use>
</svg>
<div class="name">arrow-alt-from-botto</div>
<div class="code-name">#icon-arrow-alt-from-botto</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu"></use>
</svg>
<div class="name">menu</div>
<div class="code-name">#icon-menu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-drag"></use>
</svg>
<div class="name">icon-drag</div>
<div class="code-name">#icon-icon-drag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-early-warning"></use>
</svg>
<div class="name">early-warning</div>
<div class="code-name">#icon-early-warning</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-share"></use>
</svg>
<div class="name">share</div>
<div class="code-name">#icon-share</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-share1"></use>
</svg>
<div class="name">share</div>
<div class="code-name">#icon-share1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-management-"></use>
</svg>
<div class="name">management</div>
<div class="code-name">#icon-management-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-accesskeys"></use>
</svg>
<div class="name">accesskeys</div>
<div class="code-name">#icon-accesskeys</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-sortdown-smal"></use>
</svg>
<div class="name">arrow-sort down-small</div>
<div class="code-name">#icon-arrow-sortdown-smal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-minus-square-fill"></use>
</svg>
<div class="name">minus-square-fill</div>
<div class="code-name">#icon-minus-square-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-plus-square-fill"></use>
</svg>
<div class="name">plus-square-fill</div>
<div class="code-name">#icon-plus-square-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-minus-square"></use>
</svg>
<div class="name">minus-square</div>
<div class="code-name">#icon-minus-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-plus-square"></use>
</svg>
<div class="name">plus-square</div>
<div class="code-name">#icon-plus-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-stepmode"></use>
</svg>
<div class="name">step mode</div>
<div class="code-name">#icon-stepmode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-scrollingmode"></use>
</svg>
<div class="name">scrolling mode</div>
<div class="code-name">#icon-scrollingmode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoppingcart"></use>
</svg>
<div class="name">shopping cart</div>
<div class="code-name">#icon-shoppingcart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-waiting-fill"></use>
</svg>
<div class="name">waiting-fill</div>
<div class="code-name">#icon-waiting-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-waiting"></use>
</svg>
<div class="name">waiting</div>
<div class="code-name">#icon-waiting</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-right-arrow-rect"></use>
</svg>
<div class="name">right-arrow-rect</div>
<div class="code-name">#icon-right-arrow-rect</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-left-arrow-rect"></use>
</svg>
<div class="name">left-arrow-rect</div>
<div class="code-name">#icon-left-arrow-rect</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bell"></use>
</svg>
<div class="name">bell</div>
<div class="code-name">#icon-bell</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-structured-data"></use>
</svg>
<div class="name">structured data</div>
<div class="code-name">#icon-structured-data</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-drag"></use>
</svg>
<div class="name">drag</div>
<div class="code-name">#icon-drag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vector"></use>
</svg>
<div class="name">vector</div>
<div class="code-name">#icon-vector</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ellipsis-vertical"></use>
</svg>
<div class="name">ellipsis-v</div>
<div class="code-name">#icon-ellipsis-vertical</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-NEW-copy"></use>
</svg>
<div class="name">NEW</div>
<div class="code-name">#icon-NEW-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gallery-view"></use>
</svg>
<div class="name">gallery-view</div>
<div class="code-name">#icon-gallery-view</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-HOT-copy"></use>
</svg>
<div class="name">HOT</div>
<div class="code-name">#icon-HOT-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-WIFI"></use>
</svg>
<div class="name">WIFI</div>
<div class="code-name">#icon-WIFI</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-home"></use>
</svg>
<div class="name">home</div>
<div class="code-name">#icon-home</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bug-report"></use>
</svg>
<div class="name">bug-report</div>
<div class="code-name">#icon-bug-report</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-monitoring"></use>
</svg>
<div class="name">monitoring</div>
<div class="code-name">#icon-monitoring</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qrcode"></use>
</svg>
<div class="name">qrcode</div>
<div class="code-name">#icon-qrcode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-diagnose"></use>
</svg>
<div class="name">diagnose</div>
<div class="code-name">#icon-diagnose</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-scan"></use>
</svg>
<div class="name">scan</div>
<div class="code-name">#icon-scan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-loading"></use>
</svg>
<div class="name">loading</div>
<div class="code-name">#icon-loading</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cut"></use>
</svg>
<div class="name">cut</div>
<div class="code-name">#icon-cut</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Directory-tree"></use>
</svg>
<div class="name">Directory tree</div>
<div class="code-name">#icon-Directory-tree</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gift"></use>
</svg>
<div class="name">gift</div>
<div class="code-name">#icon-gift</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-application"></use>
</svg>
<div class="name">application</div>
<div class="code-name">#icon-application</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-link"></use>
</svg>
<div class="name">link</div>
<div class="code-name">#icon-link</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-applicationgroup"></use>
</svg>
<div class="name">application group</div>
<div class="code-name">#icon-applicationgroup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-poweroff"></use>
</svg>
<div class="name">poweroff</div>
<div class="code-name">#icon-poweroff</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-key"></use>
</svg>
<div class="name">key</div>
<div class="code-name">#icon-key</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-safety-certificate"></use>
</svg>
<div class="name">safety-certificate</div>
<div class="code-name">#icon-safety-certificate</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-supervise"></use>
</svg>
<div class="name">supervise</div>
<div class="code-name">#icon-supervise</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tag-subscipt"></use>
</svg>
<div class="name">tag-subscipt</div>
<div class="code-name">#icon-tag-subscipt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chart-pie-alt"></use>
</svg>
<div class="name">chart-pie-alt</div>
<div class="code-name">#icon-chart-pie-alt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chart-relation"></use>
</svg>
<div class="name">chart-relation</div>
<div class="code-name">#icon-chart-relation</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chart-scatter-plot"></use>
</svg>
<div class="name">chart-scatter-plot</div>
<div class="code-name">#icon-chart-scatter-plot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chart-area"></use>
</svg>
<div class="name">chart-area</div>
<div class="code-name">#icon-chart-area</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chart-line"></use>
</svg>
<div class="name">chart-line</div>
<div class="code-name">#icon-chart-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chart-bar"></use>
</svg>
<div class="name">chart-bar</div>
<div class="code-name">#icon-chart-bar</div>
</li>
</ul>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.tab-container .content:first').show()
$('#tabs li').click(function(e) {
var tabContent = $('.tab-container .content')
var index = $(this).index()
if ($(this).hasClass('active')) {
return
} else {
$('#tabs li').removeClass('active')
$(this).addClass('active')
tabContent.hide().eq(index).fadeIn()
}
})
})
</script>
</body>
</html>