<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.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 .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">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <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>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2616272" target="_blank" class="nav-more">查看项目</a>
      
    </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">&#xe874;</span>
                <div class="name">unfold</div>
                <div class="code-name">&amp;#xe874;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe875;</span>
                <div class="name">retraction</div>
                <div class="code-name">&amp;#xe875;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe873;</span>
                <div class="name">Strategy comparison</div>
                <div class="code-name">&amp;#xe873;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">Combination chart</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86f;</span>
                <div class="name">portrait</div>
                <div class="code-name">&amp;#xe86f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe870;</span>
                <div class="name">Stacked bar chart</div>
                <div class="code-name">&amp;#xe870;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">Risk monitoring</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86d;</span>
                <div class="name">Number of jurisdictions</div>
                <div class="code-name">&amp;#xe86d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">list2</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86b;</span>
                <div class="name">Child addition</div>
                <div class="code-name">&amp;#xe86b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86c;</span>
                <div class="name">info-fill</div>
                <div class="code-name">&amp;#xe86c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe834;</span>
                <div class="name">Markers</div>
                <div class="code-name">&amp;#xe834;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe868;</span>
                <div class="name">email</div>
                <div class="code-name">&amp;#xe868;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe869;</span>
                <div class="name">news</div>
                <div class="code-name">&amp;#xe869;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86a;</span>
                <div class="name">remark</div>
                <div class="code-name">&amp;#xe86a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe863;</span>
                <div class="name">Demand process</div>
                <div class="code-name">&amp;#xe863;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe864;</span>
                <div class="name">Personnel examination and approval</div>
                <div class="code-name">&amp;#xe864;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe865;</span>
                <div class="name">System information</div>
                <div class="code-name">&amp;#xe865;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe866;</span>
                <div class="name">Research and development process</div>
                <div class="code-name">&amp;#xe866;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
                <div class="name">Research and development task</div>
                <div class="code-name">&amp;#xe867;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">Allocation of budget accounts</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82e;</span>
                <div class="name">Application for commencement</div>
                <div class="code-name">&amp;#xe82e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82f;</span>
                <div class="name">Administrative statement</div>
                <div class="code-name">&amp;#xe82f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe830;</span>
                <div class="name">Attendance management</div>
                <div class="code-name">&amp;#xe830;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe831;</span>
                <div class="name">Administrative examination and approval</div>
                <div class="code-name">&amp;#xe831;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe832;</span>
                <div class="name">Branch information</div>
                <div class="code-name">&amp;#xe832;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe833;</span>
                <div class="name">Collection and payment management</div>
                <div class="code-name">&amp;#xe833;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe835;</span>
                <div class="name">Bid management</div>
                <div class="code-name">&amp;#xe835;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe836;</span>
                <div class="name">Bank of China order management</div>
                <div class="code-name">&amp;#xe836;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe837;</span>
                <div class="name">Branch dependency package</div>
                <div class="code-name">&amp;#xe837;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe838;</span>
                <div class="name">Branch build record</div>
                <div class="code-name">&amp;#xe838;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe839;</span>
                <div class="name">Business trip management</div>
                <div class="code-name">&amp;#xe839;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83a;</span>
                <div class="name">Business related statement</div>
                <div class="code-name">&amp;#xe83a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83b;</span>
                <div class="name">Configuration process</div>
                <div class="code-name">&amp;#xe83b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83c;</span>
                <div class="name">Automatic deployment</div>
                <div class="code-name">&amp;#xe83c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83d;</span>
                <div class="name">Business trip loan</div>
                <div class="code-name">&amp;#xe83d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83e;</span>
                <div class="name">Check branch</div>
                <div class="code-name">&amp;#xe83e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83f;</span>
                <div class="name">Man-hour management</div>
                <div class="code-name">&amp;#xe83f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe840;</span>
                <div class="name">External task list</div>
                <div class="code-name">&amp;#xe840;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe841;</span>
                <div class="name">Demand related report</div>
                <div class="code-name">&amp;#xe841;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe842;</span>
                <div class="name">Cost size class</div>
                <div class="code-name">&amp;#xe842;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe843;</span>
                <div class="name">Demand cost management</div>
                <div class="code-name">&amp;#xe843;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe844;</span>
                <div class="name">Data dictionary</div>
                <div class="code-name">&amp;#xe844;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe845;</span>
                <div class="name">Contract statement</div>
                <div class="code-name">&amp;#xe845;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe846;</span>
                <div class="name">District management</div>
                <div class="code-name">&amp;#xe846;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe847;</span>
                <div class="name">Contract acceptance</div>
                <div class="code-name">&amp;#xe847;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe848;</span>
                <div class="name">Financial statement</div>
                <div class="code-name">&amp;#xe848;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe849;</span>
                <div class="name">Fault management</div>
                <div class="code-name">&amp;#xe849;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">Financial reimbursement</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84b;</span>
                <div class="name">Follow-up of various matters</div>
                <div class="code-name">&amp;#xe84b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84c;</span>
                <div class="name">Outward application</div>
                <div class="code-name">&amp;#xe84c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84d;</span>
                <div class="name">Cost control</div>
                <div class="code-name">&amp;#xe84d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84e;</span>
                <div class="name">Customer management</div>
                <div class="code-name">&amp;#xe84e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84f;</span>
                <div class="name">Implementation batch</div>
                <div class="code-name">&amp;#xe84f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe850;</span>
                <div class="name">Financial approval</div>
                <div class="code-name">&amp;#xe850;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe851;</span>
                <div class="name">Details of annual cost estimates</div>
                <div class="code-name">&amp;#xe851;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe852;</span>
                <div class="name">Employee management</div>
                <div class="code-name">&amp;#xe852;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe853;</span>
                <div class="name">Contract process</div>
                <div class="code-name">&amp;#xe853;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe854;</span>
                <div class="name">Leave management</div>
                <div class="code-name">&amp;#xe854;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe855;</span>
                <div class="name">Resource application</div>
                <div class="code-name">&amp;#xe855;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe856;</span>
                <div class="name">Special task management</div>
                <div class="code-name">&amp;#xe856;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe857;</span>
                <div class="name">The production version is stored</div>
                <div class="code-name">&amp;#xe857;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe858;</span>
                <div class="name">Red and black list</div>
                <div class="code-name">&amp;#xe858;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe859;</span>
                <div class="name">System workload</div>
                <div class="code-name">&amp;#xe859;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85a;</span>
                <div class="name">Virtual resource application</div>
                <div class="code-name">&amp;#xe85a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85b;</span>
                <div class="name">Production release</div>
                <div class="code-name">&amp;#xe85b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85c;</span>
                <div class="name">Performance appraisal</div>
                <div class="code-name">&amp;#xe85c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85d;</span>
                <div class="name">Test management</div>
                <div class="code-name">&amp;#xe85d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85e;</span>
                <div class="name">Production version extraction</div>
                <div class="code-name">&amp;#xe85e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85f;</span>
                <div class="name">Production source code out</div>
                <div class="code-name">&amp;#xe85f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe860;</span>
                <div class="name">Order inquiry</div>
                <div class="code-name">&amp;#xe860;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">Sales approval</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe862;</span>
                <div class="name">Data management</div>
                <div class="code-name">&amp;#xe862;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82d;</span>
                <div class="name">panel-tool-restore</div>
                <div class="code-name">&amp;#xe82d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82c;</span>
                <div class="name">warn-fill</div>
                <div class="code-name">&amp;#xe82c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe824;</span>
                <div class="name">proximal</div>
                <div class="code-name">&amp;#xe824;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe825;</span>
                <div class="name">move</div>
                <div class="code-name">&amp;#xe825;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe826;</span>
                <div class="name">Page additions</div>
                <div class="code-name">&amp;#xe826;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe827;</span>
                <div class="name">To do List</div>
                <div class="code-name">&amp;#xe827;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">customer information</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82a;</span>
                <div class="name">Download</div>
                <div class="code-name">&amp;#xe82a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">system scheme</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe823;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe823;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">managed futures</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe820;</span>
                <div class="name">spot exposure</div>
                <div class="code-name">&amp;#xe820;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe821;</span>
                <div class="name">term exposure</div>
                <div class="code-name">&amp;#xe821;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe822;</span>
                <div class="name">spot management</div>
                <div class="code-name">&amp;#xe822;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">abnormal event</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">abort</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">Account-set-up</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">buy</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">assessment</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">business</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">batch failure</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">classes</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">counter-channel-open</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">channel-check</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">deal</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">cash audit</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">composition</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">bond quota management</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">delivery</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">execution of contract</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">export-all</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">counter-channel-closed</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">early-return</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">fund account</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">due-to-return</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">fixed input</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">fixing</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">exercising the option</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">device-attachment</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">intersection</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">client-channel-open</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">foreign exchange settlement and sale</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">invoices</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">entrust1</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">late return</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">liquidate</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">exhibition-period</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">entrust</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">frustration of contract</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">payment</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">reversal</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">markup</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">Positions</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">operate</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">foreign exchange swap</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">statistics-statements</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">shouxi</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fd;</span>
                <div class="name">product-halt-sales</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">product</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">forward exchange rate</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">client-channel-close</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">to audit</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">preview</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe803;</span>
                <div class="name">inquiry</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe804;</span>
                <div class="name">unsubscribe</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">set</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe806;</span>
                <div class="name">stop loss</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe807;</span>
                <div class="name">reset-password</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe808;</span>
                <div class="name">stop-profit</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe809;</span>
                <div class="name">lift ring deposit</div>
                <div class="code-name">&amp;#xe809;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80a;</span>
                <div class="name">supervision</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">precious-metal</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80c;</span>
                <div class="name">knowledge</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">Touch panels</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80e;</span>
                <div class="name">the-funds-transfer</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80f;</span>
                <div class="name">processing measurement</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe810;</span>
                <div class="name">risk of check</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">some-channels-open</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe812;</span>
                <div class="name">product-sold-out</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe813;</span>
                <div class="name">withdrawal</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">device-not-attachment</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">third-party-open</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">user- error</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">positions in management</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">trade-setting</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">foreign exchange at sight</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">quotations-issued-by</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">third-party-prohibition</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">track</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">user-add</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">flex-between-column</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">flex-between-column-h</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">compo_icon_form-edit</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">flex-row-h</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">check 2</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">flex-start-row 2</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">down-pair</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">flex-start-row</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">date-time</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">email</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">financial information</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">data-source</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">chart-pie</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">flex</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">flex-end-row</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">foreign-exchange-forwards</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">edit-fill</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">form-export</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">function</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">group</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">foreign-exchange-swap</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">flex-baseline-h</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">group-fill</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">hide</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">image</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">formula</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">help</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">input-box</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">grid</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">foreign-currency</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">layout1</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">inline</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">layer-fill</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">form-import</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">h1</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">layout2</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">left</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">input-item</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">label</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">form-search</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">line-dot</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">history</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">layer</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">layout-up-down</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">list-fill</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">fund</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">left-pair</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">left-fill</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">max-fill</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">lightning-fill</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">home-fill</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">image 2</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">info</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">mini</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">item</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">list</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">hot</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">introduce</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">link</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">line-dash</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">metal</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">help-fill</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">Modify</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">iframe</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">monitor</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">multiple choice-fill</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">multiple choice</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">more1</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">negative</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">money</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">more</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">market risk</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">fold-1</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">more1-fill</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">foreign-exchange-sight</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">monitor-fill</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">page</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">list1</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">access</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">option</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">inline-block</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">institution-newly</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">left-side</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">more2</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">ircle-fill</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">pie chart-fill</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">Mute</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">prohibit</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">process</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">password</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">modules</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">preserve</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">quotation</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">news</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">prohibit-fill</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">pdf</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">positive</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">radius-right</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">quotation-fill</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">query</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">news-fill</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">max</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">push-ws</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">query-list</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">rectangle</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">radius-bottom-left</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">reduce1-fill</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">radius-left</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">move</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">reduce</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">radius</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">quit</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">reduce2</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">narrow</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">layout-left-right</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">right-side</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">right-arrow</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">print</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">right-pair</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">restore</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">right-fill</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">risk2</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">reduce2-fill</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">reduce1</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">return</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">rise</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">left-arrow</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">resize-small</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">refresh</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">screen</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">radius-bottom-right</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">single choice</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">service</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">set up-fill</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">3D</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">push-ipc</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">2D</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">link 2</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">@</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">set up1-fill</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">bank</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">secede</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">border</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">RMB</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">bank card-fill</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">shear</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">audio</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">collapse-single</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">space-around-row</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">24h</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">stflex-end-row</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">skin</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">begin</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">risk-fill</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">border-right</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">strikethrough</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">add1-fill</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">sort 2</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">bottom</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">success</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">advanced query</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">set</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">calendar-range</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">select</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">block 2</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">set up</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">add1</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">Switch 1</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">calendar-week</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">space-between-row</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">compo_icon_auto-completion</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">single choice2</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">border-bottom</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">resize-full</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">center-vertical</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">speed</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">equipment-fill</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">switch</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">bank-card</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">System-domain</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">delete-fill</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">right</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">bar-gtaph</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">text size</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">compo_icon_layout-up-crnter-down</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">tab-single</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">add2-fill</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">time-fill</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">detailed list-fill</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">tab le</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">counter</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">transaction-fill</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">chat-fill</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">text lef</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">flex-baseline</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">transaction</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">closecircle</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">text size 2</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">block-fill</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">text-italic</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">suspend</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">check-fill</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">risk3</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">bar chart1</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">sort</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">add2</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">trans</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">detailed list</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">textediting</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">candlestick chart-fill</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">trial</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">compo_icon_slider</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">tips</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">code</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">risk</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">collapse</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">sort-fill</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">compo_icon_progress</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">set up1</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">border-top</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">up-pair</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">dangerous</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">text-italic1</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">application-fill</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">commodity</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">tab-div</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">com_icon_add-folder</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">trend</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">divider</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">text middle</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">chart-stock</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">unfold-1</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">tab</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">credit risks</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">application</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">underline</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">chat</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">text-bold</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">excel</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">file-fill</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">time</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">equipment</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">USD</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">delete1</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">up-fill</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">chat1-fill</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">operational risk</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">examine-fill</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">debenture</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">treeselect</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">configuration</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">tab-pre</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">clear</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">up-arrow</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">block</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">versions</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">clock</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">transfer</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">board</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">workbench</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">user-management</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">edit1</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">skin-fill</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">code-fill</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">web</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">btn</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">send</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">layout-left-center-right</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">circle</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">treenode</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">border-left</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">voice</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">chart-line</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">wrapper</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">data-structure</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">workbench-fill</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">user-add</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">container</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">update</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">chat1</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">receive</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">examine</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">warning</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">collect-fill</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">steps</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">csv</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">revisions</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">carousel-single</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">row-h</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">back</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">voice-fill</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">collect1-fill</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">user-fill</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">conference</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">withdraw</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">apex</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">tables-add-subtract</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">desktop</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">theme</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">data-type</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">signal</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">calendar-fill</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">style</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">delete1-fill</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">video</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">chat-unread</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">warn</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">center-horizontal</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">Switch 2</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">clear2</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">text right</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">break</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">txt</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">branch</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">word</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">calendar-month</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">tips 2</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">carousel</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">warning 2</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">collect</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">chart-scatter</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">fail-fill</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">enter</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">appoint</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">calendar-all</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">Binding-data-sources</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">calendar</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">clear1</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">decline</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">data-input</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">com_icon_add-page</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">dropdown</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">down 2</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">collect1</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">customer</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">down-arrow</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1704872565448') format('woff2'),
       url('iconfont.woff?t=1704872565448') format('woff'),
       url('iconfont.ttf?t=1704872565448') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont glyphicon-retraction"></span>
            <div class="name">
              unfold
            </div>
            <div class="code-name">.glyphicon-retraction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-unfold"></span>
            <div class="name">
              retraction
            </div>
            <div class="code-name">.glyphicon-unfold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Strategycomparison"></span>
            <div class="name">
              Strategy comparison
            </div>
            <div class="code-name">.glyphicon-a-Strategycomparison
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Combinationchart"></span>
            <div class="name">
              Combination chart
            </div>
            <div class="code-name">.glyphicon-a-Combinationchart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-portrait"></span>
            <div class="name">
              portrait
            </div>
            <div class="code-name">.glyphicon-portrait
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Stackedbarchart"></span>
            <div class="name">
              Stacked bar chart
            </div>
            <div class="code-name">.glyphicon-a-Stackedbarchart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-tag1"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.glyphicon-tag1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Riskmonitoring"></span>
            <div class="name">
              Risk monitoring
            </div>
            <div class="code-name">.glyphicon-a-Riskmonitoring
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Numberofjurisdictions"></span>
            <div class="name">
              Number of jurisdictions
            </div>
            <div class="code-name">.glyphicon-a-Numberofjurisdictions
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-list2"></span>
            <div class="name">
              list2
            </div>
            <div class="code-name">.glyphicon-list2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Childaddition"></span>
            <div class="name">
              Child addition
            </div>
            <div class="code-name">.glyphicon-a-Childaddition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-info-fill"></span>
            <div class="name">
              info-fill
            </div>
            <div class="code-name">.glyphicon-info-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-Markers"></span>
            <div class="name">
              Markers
            </div>
            <div class="code-name">.glyphicon-Markers
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-email1"></span>
            <div class="name">
              email
            </div>
            <div class="code-name">.glyphicon-email1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-news1"></span>
            <div class="name">
              news
            </div>
            <div class="code-name">.glyphicon-news1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-remark"></span>
            <div class="name">
              remark
            </div>
            <div class="code-name">.glyphicon-remark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Demandprocess"></span>
            <div class="name">
              Demand process
            </div>
            <div class="code-name">.glyphicon-a-Demandprocess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Personnelexaminationandapproval"></span>
            <div class="name">
              Personnel examination and approval
            </div>
            <div class="code-name">.glyphicon-a-Personnelexaminationandapproval
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Systeminformation"></span>
            <div class="name">
              System information
            </div>
            <div class="code-name">.glyphicon-a-Systeminformation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Researchanddevelopmentprocess"></span>
            <div class="name">
              Research and development process
            </div>
            <div class="code-name">.glyphicon-a-Researchanddevelopmentprocess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Researchanddevelopmenttask"></span>
            <div class="name">
              Research and development task
            </div>
            <div class="code-name">.glyphicon-a-Researchanddevelopmenttask
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Allocationofbudgetaccounts"></span>
            <div class="name">
              Allocation of budget accounts
            </div>
            <div class="code-name">.glyphicon-a-Allocationofbudgetaccounts
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Applicationforcommencement"></span>
            <div class="name">
              Application for commencement
            </div>
            <div class="code-name">.glyphicon-a-Applicationforcommencement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Administrativestatement"></span>
            <div class="name">
              Administrative statement
            </div>
            <div class="code-name">.glyphicon-a-Administrativestatement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Attendancemanagement"></span>
            <div class="name">
              Attendance management
            </div>
            <div class="code-name">.glyphicon-a-Attendancemanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Administrativeexaminationandapproval"></span>
            <div class="name">
              Administrative examination and approval
            </div>
            <div class="code-name">.glyphicon-a-Administrativeexaminationandapproval
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Branchinformation"></span>
            <div class="name">
              Branch information
            </div>
            <div class="code-name">.glyphicon-a-Branchinformation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Collectionandpaymentmanagement"></span>
            <div class="name">
              Collection and payment management
            </div>
            <div class="code-name">.glyphicon-a-Collectionandpaymentmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Bidmanagement"></span>
            <div class="name">
              Bid management
            </div>
            <div class="code-name">.glyphicon-a-Bidmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-BankofChinaordermanagement"></span>
            <div class="name">
              Bank of China order management
            </div>
            <div class="code-name">.glyphicon-a-BankofChinaordermanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Branchdependencypackage"></span>
            <div class="name">
              Branch dependency package
            </div>
            <div class="code-name">.glyphicon-a-Branchdependencypackage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Branchbuildrecord"></span>
            <div class="name">
              Branch build record
            </div>
            <div class="code-name">.glyphicon-a-Branchbuildrecord
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Businesstripmanagement"></span>
            <div class="name">
              Business trip management
            </div>
            <div class="code-name">.glyphicon-a-Businesstripmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Businessrelatedstatement"></span>
            <div class="name">
              Business related statement
            </div>
            <div class="code-name">.glyphicon-a-Businessrelatedstatement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Configurationprocess"></span>
            <div class="name">
              Configuration process
            </div>
            <div class="code-name">.glyphicon-a-Configurationprocess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Automaticdeployment"></span>
            <div class="name">
              Automatic deployment
            </div>
            <div class="code-name">.glyphicon-a-Automaticdeployment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Businesstriploan"></span>
            <div class="name">
              Business trip loan
            </div>
            <div class="code-name">.glyphicon-a-Businesstriploan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Checkbranch"></span>
            <div class="name">
              Check branch
            </div>
            <div class="code-name">.glyphicon-a-Checkbranch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Man-hourmanagement"></span>
            <div class="name">
              Man-hour management
            </div>
            <div class="code-name">.glyphicon-a-Man-hourmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Externaltasklist"></span>
            <div class="name">
              External task list
            </div>
            <div class="code-name">.glyphicon-a-Externaltasklist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Demandrelatedreport"></span>
            <div class="name">
              Demand related report
            </div>
            <div class="code-name">.glyphicon-a-Demandrelatedreport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Costsizeclass"></span>
            <div class="name">
              Cost size class
            </div>
            <div class="code-name">.glyphicon-a-Costsizeclass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Demandcostmanagement"></span>
            <div class="name">
              Demand cost management
            </div>
            <div class="code-name">.glyphicon-a-Demandcostmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Datadictionary"></span>
            <div class="name">
              Data dictionary
            </div>
            <div class="code-name">.glyphicon-a-Datadictionary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Contractstatement"></span>
            <div class="name">
              Contract statement
            </div>
            <div class="code-name">.glyphicon-a-Contractstatement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Districtmanagement"></span>
            <div class="name">
              District management
            </div>
            <div class="code-name">.glyphicon-a-Districtmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Contractacceptance"></span>
            <div class="name">
              Contract acceptance
            </div>
            <div class="code-name">.glyphicon-a-Contractacceptance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Financialstatement"></span>
            <div class="name">
              Financial statement
            </div>
            <div class="code-name">.glyphicon-a-Financialstatement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Faultmanagement"></span>
            <div class="name">
              Fault management
            </div>
            <div class="code-name">.glyphicon-a-Faultmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Financialreimbursement"></span>
            <div class="name">
              Financial reimbursement
            </div>
            <div class="code-name">.glyphicon-a-Financialreimbursement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Follow-upofvariousmatters"></span>
            <div class="name">
              Follow-up of various matters
            </div>
            <div class="code-name">.glyphicon-a-Follow-upofvariousmatters
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Outwardapplication"></span>
            <div class="name">
              Outward application
            </div>
            <div class="code-name">.glyphicon-a-Outwardapplication
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Costcontrol"></span>
            <div class="name">
              Cost control
            </div>
            <div class="code-name">.glyphicon-a-Costcontrol
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Customermanagement"></span>
            <div class="name">
              Customer management
            </div>
            <div class="code-name">.glyphicon-a-Customermanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Implementationbatch"></span>
            <div class="name">
              Implementation batch
            </div>
            <div class="code-name">.glyphicon-a-Implementationbatch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Financialapproval"></span>
            <div class="name">
              Financial approval
            </div>
            <div class="code-name">.glyphicon-a-Financialapproval
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Detailsofannualcostestimates"></span>
            <div class="name">
              Details of annual cost estimates
            </div>
            <div class="code-name">.glyphicon-a-Detailsofannualcostestimates
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Employeemanagement"></span>
            <div class="name">
              Employee management
            </div>
            <div class="code-name">.glyphicon-a-Employeemanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Contractprocess"></span>
            <div class="name">
              Contract process
            </div>
            <div class="code-name">.glyphicon-a-Contractprocess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Leavemanagement"></span>
            <div class="name">
              Leave management
            </div>
            <div class="code-name">.glyphicon-a-Leavemanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Resourceapplication"></span>
            <div class="name">
              Resource application
            </div>
            <div class="code-name">.glyphicon-a-Resourceapplication
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Specialtaskmanagement"></span>
            <div class="name">
              Special task management
            </div>
            <div class="code-name">.glyphicon-a-Specialtaskmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Theproductionversionisstored"></span>
            <div class="name">
              The production version is stored
            </div>
            <div class="code-name">.glyphicon-a-Theproductionversionisstored
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Redandblacklist"></span>
            <div class="name">
              Red and black list
            </div>
            <div class="code-name">.glyphicon-a-Redandblacklist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Systemworkload"></span>
            <div class="name">
              System workload
            </div>
            <div class="code-name">.glyphicon-a-Systemworkload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Virtualresourceapplication"></span>
            <div class="name">
              Virtual resource application
            </div>
            <div class="code-name">.glyphicon-a-Virtualresourceapplication
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Productionrelease"></span>
            <div class="name">
              Production release
            </div>
            <div class="code-name">.glyphicon-a-Productionrelease
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Performanceappraisal"></span>
            <div class="name">
              Performance appraisal
            </div>
            <div class="code-name">.glyphicon-a-Performanceappraisal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Testmanagement"></span>
            <div class="name">
              Test management
            </div>
            <div class="code-name">.glyphicon-a-Testmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Productionversionextraction"></span>
            <div class="name">
              Production version extraction
            </div>
            <div class="code-name">.glyphicon-a-Productionversionextraction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Productionsourcecodeout"></span>
            <div class="name">
              Production source code out
            </div>
            <div class="code-name">.glyphicon-a-Productionsourcecodeout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Orderinquiry"></span>
            <div class="name">
              Order inquiry
            </div>
            <div class="code-name">.glyphicon-a-Orderinquiry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Salesapproval"></span>
            <div class="name">
              Sales approval
            </div>
            <div class="code-name">.glyphicon-a-Salesapproval
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Datamanagement"></span>
            <div class="name">
              Data management
            </div>
            <div class="code-name">.glyphicon-a-Datamanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-panel-tool-restore"></span>
            <div class="name">
              panel-tool-restore
            </div>
            <div class="code-name">.glyphicon-panel-tool-restore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-warn-fill1"></span>
            <div class="name">
              warn-fill
            </div>
            <div class="code-name">.glyphicon-warn-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-proximal"></span>
            <div class="name">
              proximal
            </div>
            <div class="code-name">.glyphicon-proximal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-move1"></span>
            <div class="name">
              move
            </div>
            <div class="code-name">.glyphicon-move1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Pageadditions"></span>
            <div class="name">
              Page additions
            </div>
            <div class="code-name">.glyphicon-a-Pageadditions
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-TodoList"></span>
            <div class="name">
              To do List
            </div>
            <div class="code-name">.glyphicon-a-TodoList
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-customerinformation"></span>
            <div class="name">
              customer information
            </div>
            <div class="code-name">.glyphicon-a-customerinformation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-Download"></span>
            <div class="name">
              Download
            </div>
            <div class="code-name">.glyphicon-Download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-systemscheme"></span>
            <div class="name">
              system scheme
            </div>
            <div class="code-name">.glyphicon-a-systemscheme
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.glyphicon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-managedfutures"></span>
            <div class="name">
              managed futures
            </div>
            <div class="code-name">.glyphicon-a-managedfutures
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-spotexposure"></span>
            <div class="name">
              spot exposure
            </div>
            <div class="code-name">.glyphicon-a-spotexposure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-termexposure"></span>
            <div class="name">
              term exposure
            </div>
            <div class="code-name">.glyphicon-a-termexposure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-spotmanagement"></span>
            <div class="name">
              spot management
            </div>
            <div class="code-name">.glyphicon-a-spotmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-abnormalevent"></span>
            <div class="name">
              abnormal event
            </div>
            <div class="code-name">.glyphicon-a-abnormalevent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-abort"></span>
            <div class="name">
              abort
            </div>
            <div class="code-name">.glyphicon-abort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-Account-set-up"></span>
            <div class="name">
              Account-set-up
            </div>
            <div class="code-name">.glyphicon-Account-set-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-buy"></span>
            <div class="name">
              buy
            </div>
            <div class="code-name">.glyphicon-buy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-assessment"></span>
            <div class="name">
              assessment
            </div>
            <div class="code-name">.glyphicon-assessment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-business"></span>
            <div class="name">
              business
            </div>
            <div class="code-name">.glyphicon-business
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-batchfailure"></span>
            <div class="name">
              batch failure
            </div>
            <div class="code-name">.glyphicon-a-batchfailure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-classes"></span>
            <div class="name">
              classes
            </div>
            <div class="code-name">.glyphicon-classes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-counter-channel-open"></span>
            <div class="name">
              counter-channel-open
            </div>
            <div class="code-name">.glyphicon-counter-channel-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-channel-check"></span>
            <div class="name">
              channel-check
            </div>
            <div class="code-name">.glyphicon-channel-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-deal"></span>
            <div class="name">
              deal
            </div>
            <div class="code-name">.glyphicon-deal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-cashaudit"></span>
            <div class="name">
              cash audit
            </div>
            <div class="code-name">.glyphicon-a-cashaudit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-composition"></span>
            <div class="name">
              composition
            </div>
            <div class="code-name">.glyphicon-composition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-bondquotamanagement"></span>
            <div class="name">
              bond quota management
            </div>
            <div class="code-name">.glyphicon-a-bondquotamanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-delivery"></span>
            <div class="name">
              delivery
            </div>
            <div class="code-name">.glyphicon-delivery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-executionofcontract"></span>
            <div class="name">
              execution of contract
            </div>
            <div class="code-name">.glyphicon-a-executionofcontract
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-export-all"></span>
            <div class="name">
              export-all
            </div>
            <div class="code-name">.glyphicon-export-all
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-counter-channel-closed"></span>
            <div class="name">
              counter-channel-closed
            </div>
            <div class="code-name">.glyphicon-counter-channel-closed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-early-return"></span>
            <div class="name">
              early-return
            </div>
            <div class="code-name">.glyphicon-early-return
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-fundaccount"></span>
            <div class="name">
              fund account
            </div>
            <div class="code-name">.glyphicon-a-fundaccount
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-due-to-return"></span>
            <div class="name">
              due-to-return
            </div>
            <div class="code-name">.glyphicon-due-to-return
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-fixedinput"></span>
            <div class="name">
              fixed input
            </div>
            <div class="code-name">.glyphicon-a-fixedinput
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-fixing"></span>
            <div class="name">
              fixing
            </div>
            <div class="code-name">.glyphicon-fixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-exercisingtheoption"></span>
            <div class="name">
              exercising the option
            </div>
            <div class="code-name">.glyphicon-a-exercisingtheoption
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-device-attachment"></span>
            <div class="name">
              device-attachment
            </div>
            <div class="code-name">.glyphicon-device-attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-intersection"></span>
            <div class="name">
              intersection
            </div>
            <div class="code-name">.glyphicon-intersection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-client-channel-open"></span>
            <div class="name">
              client-channel-open
            </div>
            <div class="code-name">.glyphicon-client-channel-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-foreignexchangesettlementandsale"></span>
            <div class="name">
              foreign exchange settlement and sale
            </div>
            <div class="code-name">.glyphicon-a-foreignexchangesettlementandsale
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-invoices"></span>
            <div class="name">
              invoices
            </div>
            <div class="code-name">.glyphicon-invoices
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-entrust1"></span>
            <div class="name">
              entrust1
            </div>
            <div class="code-name">.glyphicon-entrust1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-latereturn"></span>
            <div class="name">
              late return
            </div>
            <div class="code-name">.glyphicon-a-latereturn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-liquidate"></span>
            <div class="name">
              liquidate
            </div>
            <div class="code-name">.glyphicon-liquidate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-exhibition-period"></span>
            <div class="name">
              exhibition-period
            </div>
            <div class="code-name">.glyphicon-exhibition-period
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-entrust"></span>
            <div class="name">
              entrust
            </div>
            <div class="code-name">.glyphicon-entrust
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-frustrationofcontract"></span>
            <div class="name">
              frustration of contract
            </div>
            <div class="code-name">.glyphicon-a-frustrationofcontract
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-payment"></span>
            <div class="name">
              payment
            </div>
            <div class="code-name">.glyphicon-payment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-reversal"></span>
            <div class="name">
              reversal
            </div>
            <div class="code-name">.glyphicon-reversal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-markup"></span>
            <div class="name">
              markup
            </div>
            <div class="code-name">.glyphicon-markup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-Positions"></span>
            <div class="name">
              Positions
            </div>
            <div class="code-name">.glyphicon-Positions
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-operate"></span>
            <div class="name">
              operate
            </div>
            <div class="code-name">.glyphicon-operate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-foreignexchangeswap"></span>
            <div class="name">
              foreign exchange swap
            </div>
            <div class="code-name">.glyphicon-a-foreignexchangeswap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-statistics-statements"></span>
            <div class="name">
              statistics-statements
            </div>
            <div class="code-name">.glyphicon-statistics-statements
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-shouxi"></span>
            <div class="name">
              shouxi
            </div>
            <div class="code-name">.glyphicon-shouxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-product-halt-sales"></span>
            <div class="name">
              product-halt-sales
            </div>
            <div class="code-name">.glyphicon-product-halt-sales
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-product"></span>
            <div class="name">
              product
            </div>
            <div class="code-name">.glyphicon-product
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-forwardexchangerate"></span>
            <div class="name">
              forward exchange rate
            </div>
            <div class="code-name">.glyphicon-a-forwardexchangerate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-client-channel-close"></span>
            <div class="name">
              client-channel-close
            </div>
            <div class="code-name">.glyphicon-client-channel-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-toaudit"></span>
            <div class="name">
              to audit
            </div>
            <div class="code-name">.glyphicon-a-toaudit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-preview"></span>
            <div class="name">
              preview
            </div>
            <div class="code-name">.glyphicon-preview
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-inquiry"></span>
            <div class="name">
              inquiry
            </div>
            <div class="code-name">.glyphicon-inquiry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-unsubscribe"></span>
            <div class="name">
              unsubscribe
            </div>
            <div class="code-name">.glyphicon-unsubscribe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-set1"></span>
            <div class="name">
              set
            </div>
            <div class="code-name">.glyphicon-set1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-stoploss"></span>
            <div class="name">
              stop loss
            </div>
            <div class="code-name">.glyphicon-a-stoploss
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-reset-password"></span>
            <div class="name">
              reset-password
            </div>
            <div class="code-name">.glyphicon-reset-password
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-stop-profit"></span>
            <div class="name">
              stop-profit
            </div>
            <div class="code-name">.glyphicon-stop-profit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-liftringdeposit"></span>
            <div class="name">
              lift ring deposit
            </div>
            <div class="code-name">.glyphicon-a-liftringdeposit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-supervision"></span>
            <div class="name">
              supervision
            </div>
            <div class="code-name">.glyphicon-supervision
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-precious-metal"></span>
            <div class="name">
              precious-metal
            </div>
            <div class="code-name">.glyphicon-precious-metal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-knowledge"></span>
            <div class="name">
              knowledge
            </div>
            <div class="code-name">.glyphicon-knowledge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Touchpanels"></span>
            <div class="name">
              Touch panels
            </div>
            <div class="code-name">.glyphicon-a-Touchpanels
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-the-funds-transfer"></span>
            <div class="name">
              the-funds-transfer
            </div>
            <div class="code-name">.glyphicon-the-funds-transfer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-processingmeasurement"></span>
            <div class="name">
              processing measurement
            </div>
            <div class="code-name">.glyphicon-a-processingmeasurement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-riskofcheck"></span>
            <div class="name">
              risk of check
            </div>
            <div class="code-name">.glyphicon-a-riskofcheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-some-channels-open"></span>
            <div class="name">
              some-channels-open
            </div>
            <div class="code-name">.glyphicon-some-channels-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-product-sold-out"></span>
            <div class="name">
              product-sold-out
            </div>
            <div class="code-name">.glyphicon-product-sold-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-withdrawal"></span>
            <div class="name">
              withdrawal
            </div>
            <div class="code-name">.glyphicon-withdrawal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-device-not-attachment"></span>
            <div class="name">
              device-not-attachment
            </div>
            <div class="code-name">.glyphicon-device-not-attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-third-party-open"></span>
            <div class="name">
              third-party-open
            </div>
            <div class="code-name">.glyphicon-third-party-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-user-error"></span>
            <div class="name">
              user- error
            </div>
            <div class="code-name">.glyphicon-a-user-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-positionsinmanagement"></span>
            <div class="name">
              positions in management
            </div>
            <div class="code-name">.glyphicon-a-positionsinmanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-trade-setting"></span>
            <div class="name">
              trade-setting
            </div>
            <div class="code-name">.glyphicon-trade-setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-foreignexchangeatsight"></span>
            <div class="name">
              foreign exchange at sight
            </div>
            <div class="code-name">.glyphicon-a-foreignexchangeatsight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-quotations-issued-by"></span>
            <div class="name">
              quotations-issued-by
            </div>
            <div class="code-name">.glyphicon-quotations-issued-by
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-third-party-prohibition"></span>
            <div class="name">
              third-party-prohibition
            </div>
            <div class="code-name">.glyphicon-third-party-prohibition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-track"></span>
            <div class="name">
              track
            </div>
            <div class="code-name">.glyphicon-track
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-user-add1"></span>
            <div class="name">
              user-add
            </div>
            <div class="code-name">.glyphicon-user-add1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-flex-between-column"></span>
            <div class="name">
              flex-between-column
            </div>
            <div class="code-name">.glyphicon-flex-between-column
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-flex-between-column-h"></span>
            <div class="name">
              flex-between-column-h
            </div>
            <div class="code-name">.glyphicon-flex-between-column-h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-compo_icon_form-edit"></span>
            <div class="name">
              compo_icon_form-edit
            </div>
            <div class="code-name">.glyphicon-compo_icon_form-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-flex-row-h"></span>
            <div class="name">
              flex-row-h
            </div>
            <div class="code-name">.glyphicon-flex-row-h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-folder"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.glyphicon-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-check2"></span>
            <div class="name">
              check 2
            </div>
            <div class="code-name">.glyphicon-a-check2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-flex-start-row2"></span>
            <div class="name">
              flex-start-row 2
            </div>
            <div class="code-name">.glyphicon-a-flex-start-row2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-down-pair"></span>
            <div class="name">
              down-pair
            </div>
            <div class="code-name">.glyphicon-down-pair
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-flex-start-row"></span>
            <div class="name">
              flex-start-row
            </div>
            <div class="code-name">.glyphicon-flex-start-row
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-date-time"></span>
            <div class="name">
              date-time
            </div>
            <div class="code-name">.glyphicon-date-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-email"></span>
            <div class="name">
              email
            </div>
            <div class="code-name">.glyphicon-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-financialinformation"></span>
            <div class="name">
              financial information
            </div>
            <div class="code-name">.glyphicon-a-financialinformation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-data-source"></span>
            <div class="name">
              data-source
            </div>
            <div class="code-name">.glyphicon-data-source
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chart-pie"></span>
            <div class="name">
              chart-pie
            </div>
            <div class="code-name">.glyphicon-chart-pie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-flex"></span>
            <div class="name">
              flex
            </div>
            <div class="code-name">.glyphicon-flex
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-flex-end-row"></span>
            <div class="name">
              flex-end-row
            </div>
            <div class="code-name">.glyphicon-flex-end-row
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-foreign-exchange-forwards"></span>
            <div class="name">
              foreign-exchange-forwards
            </div>
            <div class="code-name">.glyphicon-foreign-exchange-forwards
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.glyphicon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-edit-fill"></span>
            <div class="name">
              edit-fill
            </div>
            <div class="code-name">.glyphicon-edit-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-form-export"></span>
            <div class="name">
              form-export
            </div>
            <div class="code-name">.glyphicon-form-export
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-function"></span>
            <div class="name">
              function
            </div>
            <div class="code-name">.glyphicon-function
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-group"></span>
            <div class="name">
              group
            </div>
            <div class="code-name">.glyphicon-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-foreign-exchange-swap"></span>
            <div class="name">
              foreign-exchange-swap
            </div>
            <div class="code-name">.glyphicon-foreign-exchange-swap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-flex-baseline-h"></span>
            <div class="name">
              flex-baseline-h
            </div>
            <div class="code-name">.glyphicon-flex-baseline-h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-group-fill"></span>
            <div class="name">
              group-fill
            </div>
            <div class="code-name">.glyphicon-group-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-hide"></span>
            <div class="name">
              hide
            </div>
            <div class="code-name">.glyphicon-hide
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-image"></span>
            <div class="name">
              image
            </div>
            <div class="code-name">.glyphicon-image
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-home"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.glyphicon-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-icon"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.glyphicon-icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-formula"></span>
            <div class="name">
              formula
            </div>
            <div class="code-name">.glyphicon-formula
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-help"></span>
            <div class="name">
              help
            </div>
            <div class="code-name">.glyphicon-help
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-input-box"></span>
            <div class="name">
              input-box
            </div>
            <div class="code-name">.glyphicon-input-box
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-grid"></span>
            <div class="name">
              grid
            </div>
            <div class="code-name">.glyphicon-grid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-foreign-currency"></span>
            <div class="name">
              foreign-currency
            </div>
            <div class="code-name">.glyphicon-foreign-currency
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-layout1"></span>
            <div class="name">
              layout1
            </div>
            <div class="code-name">.glyphicon-layout1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-inline"></span>
            <div class="name">
              inline
            </div>
            <div class="code-name">.glyphicon-inline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-layer-fill"></span>
            <div class="name">
              layer-fill
            </div>
            <div class="code-name">.glyphicon-layer-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-form-import"></span>
            <div class="name">
              form-import
            </div>
            <div class="code-name">.glyphicon-form-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-h1"></span>
            <div class="name">
              h1
            </div>
            <div class="code-name">.glyphicon-h1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-layout2"></span>
            <div class="name">
              layout2
            </div>
            <div class="code-name">.glyphicon-layout2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-left"></span>
            <div class="name">
              left
            </div>
            <div class="code-name">.glyphicon-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-input-item"></span>
            <div class="name">
              input-item
            </div>
            <div class="code-name">.glyphicon-input-item
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-label"></span>
            <div class="name">
              label
            </div>
            <div class="code-name">.glyphicon-label
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-form-search"></span>
            <div class="name">
              form-search
            </div>
            <div class="code-name">.glyphicon-form-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-line-dot"></span>
            <div class="name">
              line-dot
            </div>
            <div class="code-name">.glyphicon-line-dot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-history"></span>
            <div class="name">
              history
            </div>
            <div class="code-name">.glyphicon-history
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-layer"></span>
            <div class="name">
              layer
            </div>
            <div class="code-name">.glyphicon-layer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-layout-up-down"></span>
            <div class="name">
              layout-up-down
            </div>
            <div class="code-name">.glyphicon-layout-up-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-list-fill"></span>
            <div class="name">
              list-fill
            </div>
            <div class="code-name">.glyphicon-list-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-fund"></span>
            <div class="name">
              fund
            </div>
            <div class="code-name">.glyphicon-fund
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-left-pair"></span>
            <div class="name">
              left-pair
            </div>
            <div class="code-name">.glyphicon-left-pair
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-left-fill"></span>
            <div class="name">
              left-fill
            </div>
            <div class="code-name">.glyphicon-left-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-max-fill"></span>
            <div class="name">
              max-fill
            </div>
            <div class="code-name">.glyphicon-max-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-lightning-fill"></span>
            <div class="name">
              lightning-fill
            </div>
            <div class="code-name">.glyphicon-lightning-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-home-fill"></span>
            <div class="name">
              home-fill
            </div>
            <div class="code-name">.glyphicon-home-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-image2"></span>
            <div class="name">
              image 2
            </div>
            <div class="code-name">.glyphicon-a-image2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-info"></span>
            <div class="name">
              info
            </div>
            <div class="code-name">.glyphicon-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-mini"></span>
            <div class="name">
              mini
            </div>
            <div class="code-name">.glyphicon-mini
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-item"></span>
            <div class="name">
              item
            </div>
            <div class="code-name">.glyphicon-item
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-list"></span>
            <div class="name">
              list
            </div>
            <div class="code-name">.glyphicon-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-hot"></span>
            <div class="name">
              hot
            </div>
            <div class="code-name">.glyphicon-hot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-introduce"></span>
            <div class="name">
              introduce
            </div>
            <div class="code-name">.glyphicon-introduce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-link"></span>
            <div class="name">
              link
            </div>
            <div class="code-name">.glyphicon-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-line-dash"></span>
            <div class="name">
              line-dash
            </div>
            <div class="code-name">.glyphicon-line-dash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-lock"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.glyphicon-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-metal"></span>
            <div class="name">
              metal
            </div>
            <div class="code-name">.glyphicon-metal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-help-fill"></span>
            <div class="name">
              help-fill
            </div>
            <div class="code-name">.glyphicon-help-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-Modify"></span>
            <div class="name">
              Modify
            </div>
            <div class="code-name">.glyphicon-Modify
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-iframe"></span>
            <div class="name">
              iframe
            </div>
            <div class="code-name">.glyphicon-iframe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-monitor"></span>
            <div class="name">
              monitor
            </div>
            <div class="code-name">.glyphicon-monitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-multiplechoice-fill"></span>
            <div class="name">
              multiple choice-fill
            </div>
            <div class="code-name">.glyphicon-a-multiplechoice-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-multiplechoice"></span>
            <div class="name">
              multiple choice
            </div>
            <div class="code-name">.glyphicon-a-multiplechoice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-more1"></span>
            <div class="name">
              more1
            </div>
            <div class="code-name">.glyphicon-more1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-negative"></span>
            <div class="name">
              negative
            </div>
            <div class="code-name">.glyphicon-negative
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-money"></span>
            <div class="name">
              money
            </div>
            <div class="code-name">.glyphicon-money
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-more"></span>
            <div class="name">
              more
            </div>
            <div class="code-name">.glyphicon-more
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-marketrisk"></span>
            <div class="name">
              market risk
            </div>
            <div class="code-name">.glyphicon-a-marketrisk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-fold-1"></span>
            <div class="name">
              fold-1
            </div>
            <div class="code-name">.glyphicon-fold-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-more1-fill"></span>
            <div class="name">
              more1-fill
            </div>
            <div class="code-name">.glyphicon-more1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-foreign-exchange-sight"></span>
            <div class="name">
              foreign-exchange-sight
            </div>
            <div class="code-name">.glyphicon-foreign-exchange-sight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-monitor-fill"></span>
            <div class="name">
              monitor-fill
            </div>
            <div class="code-name">.glyphicon-monitor-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-page"></span>
            <div class="name">
              page
            </div>
            <div class="code-name">.glyphicon-page
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-list1"></span>
            <div class="name">
              list1
            </div>
            <div class="code-name">.glyphicon-list1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-access"></span>
            <div class="name">
              access
            </div>
            <div class="code-name">.glyphicon-access
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-option"></span>
            <div class="name">
              option
            </div>
            <div class="code-name">.glyphicon-option
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-inline-block"></span>
            <div class="name">
              inline-block
            </div>
            <div class="code-name">.glyphicon-inline-block
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-institution-newly"></span>
            <div class="name">
              institution-newly
            </div>
            <div class="code-name">.glyphicon-institution-newly
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-left-side"></span>
            <div class="name">
              left-side
            </div>
            <div class="code-name">.glyphicon-left-side
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-more2"></span>
            <div class="name">
              more2
            </div>
            <div class="code-name">.glyphicon-more2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-ircle-fill"></span>
            <div class="name">
              ircle-fill
            </div>
            <div class="code-name">.glyphicon-ircle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-piechart-fill"></span>
            <div class="name">
              pie chart-fill
            </div>
            <div class="code-name">.glyphicon-a-piechart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-Mute"></span>
            <div class="name">
              Mute
            </div>
            <div class="code-name">.glyphicon-Mute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-prohibit"></span>
            <div class="name">
              prohibit
            </div>
            <div class="code-name">.glyphicon-prohibit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-process"></span>
            <div class="name">
              process
            </div>
            <div class="code-name">.glyphicon-process
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-password"></span>
            <div class="name">
              password
            </div>
            <div class="code-name">.glyphicon-password
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-modules"></span>
            <div class="name">
              modules
            </div>
            <div class="code-name">.glyphicon-modules
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-preserve"></span>
            <div class="name">
              preserve
            </div>
            <div class="code-name">.glyphicon-preserve
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-quotation"></span>
            <div class="name">
              quotation
            </div>
            <div class="code-name">.glyphicon-quotation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-news"></span>
            <div class="name">
              news
            </div>
            <div class="code-name">.glyphicon-news
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-prohibit-fill"></span>
            <div class="name">
              prohibit-fill
            </div>
            <div class="code-name">.glyphicon-prohibit-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-pdf"></span>
            <div class="name">
              pdf
            </div>
            <div class="code-name">.glyphicon-pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-positive"></span>
            <div class="name">
              positive
            </div>
            <div class="code-name">.glyphicon-positive
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-radius-right"></span>
            <div class="name">
              radius-right
            </div>
            <div class="code-name">.glyphicon-radius-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-quotation-fill"></span>
            <div class="name">
              quotation-fill
            </div>
            <div class="code-name">.glyphicon-quotation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-query"></span>
            <div class="name">
              query
            </div>
            <div class="code-name">.glyphicon-query
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-news-fill"></span>
            <div class="name">
              news-fill
            </div>
            <div class="code-name">.glyphicon-news-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-max"></span>
            <div class="name">
              max
            </div>
            <div class="code-name">.glyphicon-max
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-push-ws"></span>
            <div class="name">
              push-ws
            </div>
            <div class="code-name">.glyphicon-push-ws
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-query-list"></span>
            <div class="name">
              query-list
            </div>
            <div class="code-name">.glyphicon-query-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-rectangle"></span>
            <div class="name">
              rectangle
            </div>
            <div class="code-name">.glyphicon-rectangle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-radius-bottom-left"></span>
            <div class="name">
              radius-bottom-left
            </div>
            <div class="code-name">.glyphicon-radius-bottom-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-reduce1-fill"></span>
            <div class="name">
              reduce1-fill
            </div>
            <div class="code-name">.glyphicon-reduce1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-radius-left"></span>
            <div class="name">
              radius-left
            </div>
            <div class="code-name">.glyphicon-radius-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-move"></span>
            <div class="name">
              move
            </div>
            <div class="code-name">.glyphicon-move
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-reduce"></span>
            <div class="name">
              reduce
            </div>
            <div class="code-name">.glyphicon-reduce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-radius"></span>
            <div class="name">
              radius
            </div>
            <div class="code-name">.glyphicon-radius
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-quit"></span>
            <div class="name">
              quit
            </div>
            <div class="code-name">.glyphicon-quit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-reduce2"></span>
            <div class="name">
              reduce2
            </div>
            <div class="code-name">.glyphicon-reduce2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-narrow"></span>
            <div class="name">
              narrow
            </div>
            <div class="code-name">.glyphicon-narrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-layout-left-right"></span>
            <div class="name">
              layout-left-right
            </div>
            <div class="code-name">.glyphicon-layout-left-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-right-side"></span>
            <div class="name">
              right-side
            </div>
            <div class="code-name">.glyphicon-right-side
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-right-arrow"></span>
            <div class="name">
              right-arrow
            </div>
            <div class="code-name">.glyphicon-right-arrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-print"></span>
            <div class="name">
              print
            </div>
            <div class="code-name">.glyphicon-print
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-right-pair"></span>
            <div class="name">
              right-pair
            </div>
            <div class="code-name">.glyphicon-right-pair
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-restore"></span>
            <div class="name">
              restore
            </div>
            <div class="code-name">.glyphicon-restore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-right-fill"></span>
            <div class="name">
              right-fill
            </div>
            <div class="code-name">.glyphicon-right-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-risk2"></span>
            <div class="name">
              risk2
            </div>
            <div class="code-name">.glyphicon-risk2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-reduce2-fill"></span>
            <div class="name">
              reduce2-fill
            </div>
            <div class="code-name">.glyphicon-reduce2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-reduce1"></span>
            <div class="name">
              reduce1
            </div>
            <div class="code-name">.glyphicon-reduce1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-return"></span>
            <div class="name">
              return
            </div>
            <div class="code-name">.glyphicon-return
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-rise"></span>
            <div class="name">
              rise
            </div>
            <div class="code-name">.glyphicon-rise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-left-arrow"></span>
            <div class="name">
              left-arrow
            </div>
            <div class="code-name">.glyphicon-left-arrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-resize-small"></span>
            <div class="name">
              resize-small
            </div>
            <div class="code-name">.glyphicon-resize-small
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-refresh"></span>
            <div class="name">
              refresh
            </div>
            <div class="code-name">.glyphicon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-screen"></span>
            <div class="name">
              screen
            </div>
            <div class="code-name">.glyphicon-screen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-radius-bottom-right"></span>
            <div class="name">
              radius-bottom-right
            </div>
            <div class="code-name">.glyphicon-radius-bottom-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-singlechoice"></span>
            <div class="name">
              single choice
            </div>
            <div class="code-name">.glyphicon-a-singlechoice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-service"></span>
            <div class="name">
              service
            </div>
            <div class="code-name">.glyphicon-service
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-setup-fill"></span>
            <div class="name">
              set up-fill
            </div>
            <div class="code-name">.glyphicon-a-setup-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-share"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.glyphicon-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-3D"></span>
            <div class="name">
              3D
            </div>
            <div class="code-name">.glyphicon-a-3D
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-push-ipc"></span>
            <div class="name">
              push-ipc
            </div>
            <div class="code-name">.glyphicon-push-ipc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-2D"></span>
            <div class="name">
              2D
            </div>
            <div class="code-name">.glyphicon-a-2D
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-link2"></span>
            <div class="name">
              link 2
            </div>
            <div class="code-name">.glyphicon-a-link2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-"></span>
            <div class="name">
              @
            </div>
            <div class="code-name">.glyphicon-a-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-setup1-fill"></span>
            <div class="name">
              set up1-fill
            </div>
            <div class="code-name">.glyphicon-a-setup1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-bank"></span>
            <div class="name">
              bank
            </div>
            <div class="code-name">.glyphicon-bank
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-secede"></span>
            <div class="name">
              secede
            </div>
            <div class="code-name">.glyphicon-secede
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-border"></span>
            <div class="name">
              border
            </div>
            <div class="code-name">.glyphicon-border
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-RMB"></span>
            <div class="name">
              RMB
            </div>
            <div class="code-name">.glyphicon-RMB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-bankcard-fill"></span>
            <div class="name">
              bank card-fill
            </div>
            <div class="code-name">.glyphicon-a-bankcard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-shear"></span>
            <div class="name">
              shear
            </div>
            <div class="code-name">.glyphicon-shear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-audio"></span>
            <div class="name">
              audio
            </div>
            <div class="code-name">.glyphicon-audio
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-smile"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.glyphicon-smile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-collapse-single"></span>
            <div class="name">
              collapse-single
            </div>
            <div class="code-name">.glyphicon-collapse-single
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-space-around-row"></span>
            <div class="name">
              space-around-row
            </div>
            <div class="code-name">.glyphicon-space-around-row
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-24h"></span>
            <div class="name">
              24h
            </div>
            <div class="code-name">.glyphicon-a-24h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-stflex-end-row"></span>
            <div class="name">
              stflex-end-row
            </div>
            <div class="code-name">.glyphicon-stflex-end-row
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-add"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.glyphicon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-skin"></span>
            <div class="name">
              skin
            </div>
            <div class="code-name">.glyphicon-skin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-begin"></span>
            <div class="name">
              begin
            </div>
            <div class="code-name">.glyphicon-begin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-risk-fill"></span>
            <div class="name">
              risk-fill
            </div>
            <div class="code-name">.glyphicon-risk-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-border-right"></span>
            <div class="name">
              border-right
            </div>
            <div class="code-name">.glyphicon-border-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-strikethrough"></span>
            <div class="name">
              strikethrough
            </div>
            <div class="code-name">.glyphicon-strikethrough
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-add1-fill"></span>
            <div class="name">
              add1-fill
            </div>
            <div class="code-name">.glyphicon-add1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-sort2"></span>
            <div class="name">
              sort 2
            </div>
            <div class="code-name">.glyphicon-a-sort2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-bottom"></span>
            <div class="name">
              bottom
            </div>
            <div class="code-name">.glyphicon-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-success"></span>
            <div class="name">
              success
            </div>
            <div class="code-name">.glyphicon-success
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-advancedquery"></span>
            <div class="name">
              advanced query
            </div>
            <div class="code-name">.glyphicon-a-advancedquery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-set"></span>
            <div class="name">
              set
            </div>
            <div class="code-name">.glyphicon-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-calendar-range"></span>
            <div class="name">
              calendar-range
            </div>
            <div class="code-name">.glyphicon-calendar-range
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-select"></span>
            <div class="name">
              select
            </div>
            <div class="code-name">.glyphicon-select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-block2"></span>
            <div class="name">
              block 2
            </div>
            <div class="code-name">.glyphicon-a-block2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-setup"></span>
            <div class="name">
              set up
            </div>
            <div class="code-name">.glyphicon-a-setup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-add1"></span>
            <div class="name">
              add1
            </div>
            <div class="code-name">.glyphicon-add1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Switch1"></span>
            <div class="name">
              Switch 1
            </div>
            <div class="code-name">.glyphicon-a-Switch1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-calendar-week"></span>
            <div class="name">
              calendar-week
            </div>
            <div class="code-name">.glyphicon-calendar-week
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-space-between-row"></span>
            <div class="name">
              space-between-row
            </div>
            <div class="code-name">.glyphicon-space-between-row
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-compo_icon_auto-completion"></span>
            <div class="name">
              compo_icon_auto-completion
            </div>
            <div class="code-name">.glyphicon-compo_icon_auto-completion
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-singlechoice2"></span>
            <div class="name">
              single choice2
            </div>
            <div class="code-name">.glyphicon-a-singlechoice2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-border-bottom"></span>
            <div class="name">
              border-bottom
            </div>
            <div class="code-name">.glyphicon-border-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-resize-full"></span>
            <div class="name">
              resize-full
            </div>
            <div class="code-name">.glyphicon-resize-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-center-vertical"></span>
            <div class="name">
              center-vertical
            </div>
            <div class="code-name">.glyphicon-center-vertical
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-speed"></span>
            <div class="name">
              speed
            </div>
            <div class="code-name">.glyphicon-speed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-equipment-fill"></span>
            <div class="name">
              equipment-fill
            </div>
            <div class="code-name">.glyphicon-equipment-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-switch"></span>
            <div class="name">
              switch
            </div>
            <div class="code-name">.glyphicon-switch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-bank-card"></span>
            <div class="name">
              bank-card
            </div>
            <div class="code-name">.glyphicon-bank-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-System-domain"></span>
            <div class="name">
              System-domain
            </div>
            <div class="code-name">.glyphicon-System-domain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-delete-fill"></span>
            <div class="name">
              delete-fill
            </div>
            <div class="code-name">.glyphicon-delete-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-right"></span>
            <div class="name">
              right
            </div>
            <div class="code-name">.glyphicon-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-bar-gtaph"></span>
            <div class="name">
              bar-gtaph
            </div>
            <div class="code-name">.glyphicon-bar-gtaph
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-textsize"></span>
            <div class="name">
              text size
            </div>
            <div class="code-name">.glyphicon-a-textsize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-compo_icon_layout-up-crnter-down"></span>
            <div class="name">
              compo_icon_layout-up-crnter-down
            </div>
            <div class="code-name">.glyphicon-compo_icon_layout-up-crnter-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-tab-single"></span>
            <div class="name">
              tab-single
            </div>
            <div class="code-name">.glyphicon-tab-single
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-add2-fill"></span>
            <div class="name">
              add2-fill
            </div>
            <div class="code-name">.glyphicon-add2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-time-fill"></span>
            <div class="name">
              time-fill
            </div>
            <div class="code-name">.glyphicon-time-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-detailedlist-fill"></span>
            <div class="name">
              detailed list-fill
            </div>
            <div class="code-name">.glyphicon-a-detailedlist-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-table"></span>
            <div class="name">
              tab le
            </div>
            <div class="code-name">.glyphicon-a-table
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-counter"></span>
            <div class="name">
              counter
            </div>
            <div class="code-name">.glyphicon-counter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-transaction-fill"></span>
            <div class="name">
              transaction-fill
            </div>
            <div class="code-name">.glyphicon-transaction-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chat-fill"></span>
            <div class="name">
              chat-fill
            </div>
            <div class="code-name">.glyphicon-chat-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-textlef"></span>
            <div class="name">
              text lef
            </div>
            <div class="code-name">.glyphicon-a-textlef
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-flex-baseline"></span>
            <div class="name">
              flex-baseline
            </div>
            <div class="code-name">.glyphicon-flex-baseline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-transaction"></span>
            <div class="name">
              transaction
            </div>
            <div class="code-name">.glyphicon-transaction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-closecircle"></span>
            <div class="name">
              closecircle
            </div>
            <div class="code-name">.glyphicon-closecircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-textsize2"></span>
            <div class="name">
              text size 2
            </div>
            <div class="code-name">.glyphicon-a-textsize2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-block-fill"></span>
            <div class="name">
              block-fill
            </div>
            <div class="code-name">.glyphicon-block-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-text-italic"></span>
            <div class="name">
              text-italic
            </div>
            <div class="code-name">.glyphicon-text-italic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-close"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.glyphicon-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-suspend"></span>
            <div class="name">
              suspend
            </div>
            <div class="code-name">.glyphicon-suspend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-check-fill"></span>
            <div class="name">
              check-fill
            </div>
            <div class="code-name">.glyphicon-check-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-risk3"></span>
            <div class="name">
              risk3
            </div>
            <div class="code-name">.glyphicon-risk3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-barchart1"></span>
            <div class="name">
              bar chart1
            </div>
            <div class="code-name">.glyphicon-a-barchart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-sort"></span>
            <div class="name">
              sort
            </div>
            <div class="code-name">.glyphicon-sort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-add2"></span>
            <div class="name">
              add2
            </div>
            <div class="code-name">.glyphicon-add2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-trans"></span>
            <div class="name">
              trans
            </div>
            <div class="code-name">.glyphicon-trans
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-detailedlist"></span>
            <div class="name">
              detailed list
            </div>
            <div class="code-name">.glyphicon-a-detailedlist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-textediting"></span>
            <div class="name">
              textediting
            </div>
            <div class="code-name">.glyphicon-textediting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-candlestickchart-fill"></span>
            <div class="name">
              candlestick chart-fill
            </div>
            <div class="code-name">.glyphicon-a-candlestickchart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-trial"></span>
            <div class="name">
              trial
            </div>
            <div class="code-name">.glyphicon-trial
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-compo_icon_slider"></span>
            <div class="name">
              compo_icon_slider
            </div>
            <div class="code-name">.glyphicon-compo_icon_slider
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-tips"></span>
            <div class="name">
              tips
            </div>
            <div class="code-name">.glyphicon-tips
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-code"></span>
            <div class="name">
              code
            </div>
            <div class="code-name">.glyphicon-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-risk"></span>
            <div class="name">
              risk
            </div>
            <div class="code-name">.glyphicon-risk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-collapse"></span>
            <div class="name">
              collapse
            </div>
            <div class="code-name">.glyphicon-collapse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-sort-fill"></span>
            <div class="name">
              sort-fill
            </div>
            <div class="code-name">.glyphicon-sort-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-compo_icon_progress"></span>
            <div class="name">
              compo_icon_progress
            </div>
            <div class="code-name">.glyphicon-compo_icon_progress
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-setup1"></span>
            <div class="name">
              set up1
            </div>
            <div class="code-name">.glyphicon-a-setup1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-border-top"></span>
            <div class="name">
              border-top
            </div>
            <div class="code-name">.glyphicon-border-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-up-pair"></span>
            <div class="name">
              up-pair
            </div>
            <div class="code-name">.glyphicon-up-pair
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-dangerous"></span>
            <div class="name">
              dangerous
            </div>
            <div class="code-name">.glyphicon-dangerous
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-text-italic1"></span>
            <div class="name">
              text-italic1
            </div>
            <div class="code-name">.glyphicon-text-italic1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-application-fill"></span>
            <div class="name">
              application-fill
            </div>
            <div class="code-name">.glyphicon-application-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-unlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.glyphicon-unlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-commodity"></span>
            <div class="name">
              commodity
            </div>
            <div class="code-name">.glyphicon-commodity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-tab-div"></span>
            <div class="name">
              tab-div
            </div>
            <div class="code-name">.glyphicon-tab-div
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-com_icon_add-folder"></span>
            <div class="name">
              com_icon_add-folder
            </div>
            <div class="code-name">.glyphicon-com_icon_add-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-trend"></span>
            <div class="name">
              trend
            </div>
            <div class="code-name">.glyphicon-trend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-divider"></span>
            <div class="name">
              divider
            </div>
            <div class="code-name">.glyphicon-divider
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-textmiddle"></span>
            <div class="name">
              text middle
            </div>
            <div class="code-name">.glyphicon-a-textmiddle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chart-stock"></span>
            <div class="name">
              chart-stock
            </div>
            <div class="code-name">.glyphicon-chart-stock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-unfold-1"></span>
            <div class="name">
              unfold-1
            </div>
            <div class="code-name">.glyphicon-unfold-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-copy"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.glyphicon-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-tab"></span>
            <div class="name">
              tab
            </div>
            <div class="code-name">.glyphicon-tab
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-creditrisks"></span>
            <div class="name">
              credit risks
            </div>
            <div class="code-name">.glyphicon-a-creditrisks
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-tag"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.glyphicon-tag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-application"></span>
            <div class="name">
              application
            </div>
            <div class="code-name">.glyphicon-application
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-underline"></span>
            <div class="name">
              underline
            </div>
            <div class="code-name">.glyphicon-underline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chat"></span>
            <div class="name">
              chat
            </div>
            <div class="code-name">.glyphicon-chat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-text-bold"></span>
            <div class="name">
              text-bold
            </div>
            <div class="code-name">.glyphicon-text-bold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-excel"></span>
            <div class="name">
              excel
            </div>
            <div class="code-name">.glyphicon-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-up"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.glyphicon-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-file-fill"></span>
            <div class="name">
              file-fill
            </div>
            <div class="code-name">.glyphicon-file-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-time"></span>
            <div class="name">
              time
            </div>
            <div class="code-name">.glyphicon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-down"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.glyphicon-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-user"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.glyphicon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-equipment"></span>
            <div class="name">
              equipment
            </div>
            <div class="code-name">.glyphicon-equipment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-USD"></span>
            <div class="name">
              USD
            </div>
            <div class="code-name">.glyphicon-USD
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-delete1"></span>
            <div class="name">
              delete1
            </div>
            <div class="code-name">.glyphicon-delete1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-up-fill"></span>
            <div class="name">
              up-fill
            </div>
            <div class="code-name">.glyphicon-up-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chat1-fill"></span>
            <div class="name">
              chat1-fill
            </div>
            <div class="code-name">.glyphicon-chat1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-operationalrisk"></span>
            <div class="name">
              operational risk
            </div>
            <div class="code-name">.glyphicon-a-operationalrisk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-examine-fill"></span>
            <div class="name">
              examine-fill
            </div>
            <div class="code-name">.glyphicon-examine-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-upload"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.glyphicon-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-debenture"></span>
            <div class="name">
              debenture
            </div>
            <div class="code-name">.glyphicon-debenture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-treeselect"></span>
            <div class="name">
              treeselect
            </div>
            <div class="code-name">.glyphicon-treeselect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-configuration"></span>
            <div class="name">
              configuration
            </div>
            <div class="code-name">.glyphicon-configuration
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-tab-pre"></span>
            <div class="name">
              tab-pre
            </div>
            <div class="code-name">.glyphicon-tab-pre
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-clear"></span>
            <div class="name">
              clear
            </div>
            <div class="code-name">.glyphicon-clear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-up-arrow"></span>
            <div class="name">
              up-arrow
            </div>
            <div class="code-name">.glyphicon-up-arrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-block"></span>
            <div class="name">
              block
            </div>
            <div class="code-name">.glyphicon-block
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-versions"></span>
            <div class="name">
              versions
            </div>
            <div class="code-name">.glyphicon-versions
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-clock"></span>
            <div class="name">
              clock
            </div>
            <div class="code-name">.glyphicon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-transfer"></span>
            <div class="name">
              transfer
            </div>
            <div class="code-name">.glyphicon-transfer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-board"></span>
            <div class="name">
              board
            </div>
            <div class="code-name">.glyphicon-board
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-workbench"></span>
            <div class="name">
              workbench
            </div>
            <div class="code-name">.glyphicon-workbench
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-check"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.glyphicon-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-user-management"></span>
            <div class="name">
              user-management
            </div>
            <div class="code-name">.glyphicon-user-management
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-edit1"></span>
            <div class="name">
              edit1
            </div>
            <div class="code-name">.glyphicon-edit1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-skin-fill"></span>
            <div class="name">
              skin-fill
            </div>
            <div class="code-name">.glyphicon-skin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-code-fill"></span>
            <div class="name">
              code-fill
            </div>
            <div class="code-name">.glyphicon-code-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-web"></span>
            <div class="name">
              web
            </div>
            <div class="code-name">.glyphicon-web
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-btn"></span>
            <div class="name">
              btn
            </div>
            <div class="code-name">.glyphicon-btn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-send"></span>
            <div class="name">
              send
            </div>
            <div class="code-name">.glyphicon-send
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-edit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.glyphicon-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-layout-left-center-right"></span>
            <div class="name">
              layout-left-center-right
            </div>
            <div class="code-name">.glyphicon-layout-left-center-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-circle"></span>
            <div class="name">
              circle
            </div>
            <div class="code-name">.glyphicon-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-treenode"></span>
            <div class="name">
              treenode
            </div>
            <div class="code-name">.glyphicon-treenode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-border-left"></span>
            <div class="name">
              border-left
            </div>
            <div class="code-name">.glyphicon-border-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-voice"></span>
            <div class="name">
              voice
            </div>
            <div class="code-name">.glyphicon-voice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chart-line"></span>
            <div class="name">
              chart-line
            </div>
            <div class="code-name">.glyphicon-chart-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-wrapper"></span>
            <div class="name">
              wrapper
            </div>
            <div class="code-name">.glyphicon-wrapper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-data-structure"></span>
            <div class="name">
              data-structure
            </div>
            <div class="code-name">.glyphicon-data-structure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-workbench-fill"></span>
            <div class="name">
              workbench-fill
            </div>
            <div class="code-name">.glyphicon-workbench-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-download"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.glyphicon-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-user-add"></span>
            <div class="name">
              user-add
            </div>
            <div class="code-name">.glyphicon-user-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-container"></span>
            <div class="name">
              container
            </div>
            <div class="code-name">.glyphicon-container
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-update"></span>
            <div class="name">
              update
            </div>
            <div class="code-name">.glyphicon-update
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chat1"></span>
            <div class="name">
              chat1
            </div>
            <div class="code-name">.glyphicon-chat1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-receive"></span>
            <div class="name">
              receive
            </div>
            <div class="code-name">.glyphicon-receive
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-examine"></span>
            <div class="name">
              examine
            </div>
            <div class="code-name">.glyphicon-examine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-warning"></span>
            <div class="name">
              warning
            </div>
            <div class="code-name">.glyphicon-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-collect-fill"></span>
            <div class="name">
              collect-fill
            </div>
            <div class="code-name">.glyphicon-collect-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-steps"></span>
            <div class="name">
              steps
            </div>
            <div class="code-name">.glyphicon-steps
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-csv"></span>
            <div class="name">
              csv
            </div>
            <div class="code-name">.glyphicon-csv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-revisions"></span>
            <div class="name">
              revisions
            </div>
            <div class="code-name">.glyphicon-revisions
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-carousel-single"></span>
            <div class="name">
              carousel-single
            </div>
            <div class="code-name">.glyphicon-carousel-single
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-row-h"></span>
            <div class="name">
              row-h
            </div>
            <div class="code-name">.glyphicon-row-h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-back"></span>
            <div class="name">
              back
            </div>
            <div class="code-name">.glyphicon-back
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-voice-fill"></span>
            <div class="name">
              voice-fill
            </div>
            <div class="code-name">.glyphicon-voice-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-collect1-fill"></span>
            <div class="name">
              collect1-fill
            </div>
            <div class="code-name">.glyphicon-collect1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-user-fill"></span>
            <div class="name">
              user-fill
            </div>
            <div class="code-name">.glyphicon-user-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-conference"></span>
            <div class="name">
              conference
            </div>
            <div class="code-name">.glyphicon-conference
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-withdraw"></span>
            <div class="name">
              withdraw
            </div>
            <div class="code-name">.glyphicon-withdraw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-apex"></span>
            <div class="name">
              apex
            </div>
            <div class="code-name">.glyphicon-apex
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-tables-add-subtract"></span>
            <div class="name">
              tables-add-subtract
            </div>
            <div class="code-name">.glyphicon-tables-add-subtract
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-desktop"></span>
            <div class="name">
              desktop
            </div>
            <div class="code-name">.glyphicon-desktop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-theme"></span>
            <div class="name">
              theme
            </div>
            <div class="code-name">.glyphicon-theme
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-data-type"></span>
            <div class="name">
              data-type
            </div>
            <div class="code-name">.glyphicon-data-type
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-signal"></span>
            <div class="name">
              signal
            </div>
            <div class="code-name">.glyphicon-signal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-calendar-fill"></span>
            <div class="name">
              calendar-fill
            </div>
            <div class="code-name">.glyphicon-calendar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-style"></span>
            <div class="name">
              style
            </div>
            <div class="code-name">.glyphicon-style
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-delete1-fill"></span>
            <div class="name">
              delete1-fill
            </div>
            <div class="code-name">.glyphicon-delete1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-video"></span>
            <div class="name">
              video
            </div>
            <div class="code-name">.glyphicon-video
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chat-unread"></span>
            <div class="name">
              chat-unread
            </div>
            <div class="code-name">.glyphicon-chat-unread
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-warn"></span>
            <div class="name">
              warn
            </div>
            <div class="code-name">.glyphicon-warn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-center-horizontal"></span>
            <div class="name">
              center-horizontal
            </div>
            <div class="code-name">.glyphicon-center-horizontal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-Switch2"></span>
            <div class="name">
              Switch 2
            </div>
            <div class="code-name">.glyphicon-a-Switch2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-clear2"></span>
            <div class="name">
              clear2
            </div>
            <div class="code-name">.glyphicon-clear2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-textright"></span>
            <div class="name">
              text right
            </div>
            <div class="code-name">.glyphicon-a-textright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-break"></span>
            <div class="name">
              break
            </div>
            <div class="code-name">.glyphicon-break
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-txt"></span>
            <div class="name">
              txt
            </div>
            <div class="code-name">.glyphicon-txt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-branch"></span>
            <div class="name">
              branch
            </div>
            <div class="code-name">.glyphicon-branch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-word"></span>
            <div class="name">
              word
            </div>
            <div class="code-name">.glyphicon-word
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-calendar-month"></span>
            <div class="name">
              calendar-month
            </div>
            <div class="code-name">.glyphicon-calendar-month
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-tips2"></span>
            <div class="name">
              tips 2
            </div>
            <div class="code-name">.glyphicon-a-tips2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-carousel"></span>
            <div class="name">
              carousel
            </div>
            <div class="code-name">.glyphicon-carousel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-warning2"></span>
            <div class="name">
              warning 2
            </div>
            <div class="code-name">.glyphicon-a-warning2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-collect"></span>
            <div class="name">
              collect
            </div>
            <div class="code-name">.glyphicon-collect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-chart-scatter"></span>
            <div class="name">
              chart-scatter
            </div>
            <div class="code-name">.glyphicon-chart-scatter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-fail-fill"></span>
            <div class="name">
              fail-fill
            </div>
            <div class="code-name">.glyphicon-fail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-enter"></span>
            <div class="name">
              enter
            </div>
            <div class="code-name">.glyphicon-enter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-appoint"></span>
            <div class="name">
              appoint
            </div>
            <div class="code-name">.glyphicon-appoint
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-calendar-all"></span>
            <div class="name">
              calendar-all
            </div>
            <div class="code-name">.glyphicon-calendar-all
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-Binding-data-sources"></span>
            <div class="name">
              Binding-data-sources
            </div>
            <div class="code-name">.glyphicon-Binding-data-sources
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-calendar"></span>
            <div class="name">
              calendar
            </div>
            <div class="code-name">.glyphicon-calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-clear1"></span>
            <div class="name">
              clear1
            </div>
            <div class="code-name">.glyphicon-clear1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-decline"></span>
            <div class="name">
              decline
            </div>
            <div class="code-name">.glyphicon-decline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-data-input"></span>
            <div class="name">
              data-input
            </div>
            <div class="code-name">.glyphicon-data-input
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-com_icon_add-page"></span>
            <div class="name">
              com_icon_add-page
            </div>
            <div class="code-name">.glyphicon-com_icon_add-page
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-dropdown"></span>
            <div class="name">
              dropdown
            </div>
            <div class="code-name">.glyphicon-dropdown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-a-down2"></span>
            <div class="name">
              down 2
            </div>
            <div class="code-name">.glyphicon-a-down2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-collect1"></span>
            <div class="name">
              collect1
            </div>
            <div class="code-name">.glyphicon-collect1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-customer"></span>
            <div class="name">
              customer
            </div>
            <div class="code-name">.glyphicon-customer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont glyphicon-down-arrow"></span>
            <div class="name">
              down-arrow
            </div>
            <div class="code-name">.glyphicon-down-arrow
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont glyphicon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </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="#glyphicon-retraction"></use>
                </svg>
                <div class="name">unfold</div>
                <div class="code-name">#glyphicon-retraction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-unfold"></use>
                </svg>
                <div class="name">retraction</div>
                <div class="code-name">#glyphicon-unfold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Strategycomparison"></use>
                </svg>
                <div class="name">Strategy comparison</div>
                <div class="code-name">#glyphicon-a-Strategycomparison</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Combinationchart"></use>
                </svg>
                <div class="name">Combination chart</div>
                <div class="code-name">#glyphicon-a-Combinationchart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-portrait"></use>
                </svg>
                <div class="name">portrait</div>
                <div class="code-name">#glyphicon-portrait</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Stackedbarchart"></use>
                </svg>
                <div class="name">Stacked bar chart</div>
                <div class="code-name">#glyphicon-a-Stackedbarchart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-tag1"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#glyphicon-tag1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Riskmonitoring"></use>
                </svg>
                <div class="name">Risk monitoring</div>
                <div class="code-name">#glyphicon-a-Riskmonitoring</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Numberofjurisdictions"></use>
                </svg>
                <div class="name">Number of jurisdictions</div>
                <div class="code-name">#glyphicon-a-Numberofjurisdictions</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-list2"></use>
                </svg>
                <div class="name">list2</div>
                <div class="code-name">#glyphicon-list2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Childaddition"></use>
                </svg>
                <div class="name">Child addition</div>
                <div class="code-name">#glyphicon-a-Childaddition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-info-fill"></use>
                </svg>
                <div class="name">info-fill</div>
                <div class="code-name">#glyphicon-info-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-Markers"></use>
                </svg>
                <div class="name">Markers</div>
                <div class="code-name">#glyphicon-Markers</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-email1"></use>
                </svg>
                <div class="name">email</div>
                <div class="code-name">#glyphicon-email1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-news1"></use>
                </svg>
                <div class="name">news</div>
                <div class="code-name">#glyphicon-news1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-remark"></use>
                </svg>
                <div class="name">remark</div>
                <div class="code-name">#glyphicon-remark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Demandprocess"></use>
                </svg>
                <div class="name">Demand process</div>
                <div class="code-name">#glyphicon-a-Demandprocess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Personnelexaminationandapproval"></use>
                </svg>
                <div class="name">Personnel examination and approval</div>
                <div class="code-name">#glyphicon-a-Personnelexaminationandapproval</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Systeminformation"></use>
                </svg>
                <div class="name">System information</div>
                <div class="code-name">#glyphicon-a-Systeminformation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Researchanddevelopmentprocess"></use>
                </svg>
                <div class="name">Research and development process</div>
                <div class="code-name">#glyphicon-a-Researchanddevelopmentprocess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Researchanddevelopmenttask"></use>
                </svg>
                <div class="name">Research and development task</div>
                <div class="code-name">#glyphicon-a-Researchanddevelopmenttask</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Allocationofbudgetaccounts"></use>
                </svg>
                <div class="name">Allocation of budget accounts</div>
                <div class="code-name">#glyphicon-a-Allocationofbudgetaccounts</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Applicationforcommencement"></use>
                </svg>
                <div class="name">Application for commencement</div>
                <div class="code-name">#glyphicon-a-Applicationforcommencement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Administrativestatement"></use>
                </svg>
                <div class="name">Administrative statement</div>
                <div class="code-name">#glyphicon-a-Administrativestatement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Attendancemanagement"></use>
                </svg>
                <div class="name">Attendance management</div>
                <div class="code-name">#glyphicon-a-Attendancemanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Administrativeexaminationandapproval"></use>
                </svg>
                <div class="name">Administrative examination and approval</div>
                <div class="code-name">#glyphicon-a-Administrativeexaminationandapproval</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Branchinformation"></use>
                </svg>
                <div class="name">Branch information</div>
                <div class="code-name">#glyphicon-a-Branchinformation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Collectionandpaymentmanagement"></use>
                </svg>
                <div class="name">Collection and payment management</div>
                <div class="code-name">#glyphicon-a-Collectionandpaymentmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Bidmanagement"></use>
                </svg>
                <div class="name">Bid management</div>
                <div class="code-name">#glyphicon-a-Bidmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-BankofChinaordermanagement"></use>
                </svg>
                <div class="name">Bank of China order management</div>
                <div class="code-name">#glyphicon-a-BankofChinaordermanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Branchdependencypackage"></use>
                </svg>
                <div class="name">Branch dependency package</div>
                <div class="code-name">#glyphicon-a-Branchdependencypackage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Branchbuildrecord"></use>
                </svg>
                <div class="name">Branch build record</div>
                <div class="code-name">#glyphicon-a-Branchbuildrecord</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Businesstripmanagement"></use>
                </svg>
                <div class="name">Business trip management</div>
                <div class="code-name">#glyphicon-a-Businesstripmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Businessrelatedstatement"></use>
                </svg>
                <div class="name">Business related statement</div>
                <div class="code-name">#glyphicon-a-Businessrelatedstatement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Configurationprocess"></use>
                </svg>
                <div class="name">Configuration process</div>
                <div class="code-name">#glyphicon-a-Configurationprocess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Automaticdeployment"></use>
                </svg>
                <div class="name">Automatic deployment</div>
                <div class="code-name">#glyphicon-a-Automaticdeployment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Businesstriploan"></use>
                </svg>
                <div class="name">Business trip loan</div>
                <div class="code-name">#glyphicon-a-Businesstriploan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Checkbranch"></use>
                </svg>
                <div class="name">Check branch</div>
                <div class="code-name">#glyphicon-a-Checkbranch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Man-hourmanagement"></use>
                </svg>
                <div class="name">Man-hour management</div>
                <div class="code-name">#glyphicon-a-Man-hourmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Externaltasklist"></use>
                </svg>
                <div class="name">External task list</div>
                <div class="code-name">#glyphicon-a-Externaltasklist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Demandrelatedreport"></use>
                </svg>
                <div class="name">Demand related report</div>
                <div class="code-name">#glyphicon-a-Demandrelatedreport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Costsizeclass"></use>
                </svg>
                <div class="name">Cost size class</div>
                <div class="code-name">#glyphicon-a-Costsizeclass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Demandcostmanagement"></use>
                </svg>
                <div class="name">Demand cost management</div>
                <div class="code-name">#glyphicon-a-Demandcostmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Datadictionary"></use>
                </svg>
                <div class="name">Data dictionary</div>
                <div class="code-name">#glyphicon-a-Datadictionary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Contractstatement"></use>
                </svg>
                <div class="name">Contract statement</div>
                <div class="code-name">#glyphicon-a-Contractstatement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Districtmanagement"></use>
                </svg>
                <div class="name">District management</div>
                <div class="code-name">#glyphicon-a-Districtmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Contractacceptance"></use>
                </svg>
                <div class="name">Contract acceptance</div>
                <div class="code-name">#glyphicon-a-Contractacceptance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Financialstatement"></use>
                </svg>
                <div class="name">Financial statement</div>
                <div class="code-name">#glyphicon-a-Financialstatement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Faultmanagement"></use>
                </svg>
                <div class="name">Fault management</div>
                <div class="code-name">#glyphicon-a-Faultmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Financialreimbursement"></use>
                </svg>
                <div class="name">Financial reimbursement</div>
                <div class="code-name">#glyphicon-a-Financialreimbursement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Follow-upofvariousmatters"></use>
                </svg>
                <div class="name">Follow-up of various matters</div>
                <div class="code-name">#glyphicon-a-Follow-upofvariousmatters</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Outwardapplication"></use>
                </svg>
                <div class="name">Outward application</div>
                <div class="code-name">#glyphicon-a-Outwardapplication</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Costcontrol"></use>
                </svg>
                <div class="name">Cost control</div>
                <div class="code-name">#glyphicon-a-Costcontrol</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Customermanagement"></use>
                </svg>
                <div class="name">Customer management</div>
                <div class="code-name">#glyphicon-a-Customermanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Implementationbatch"></use>
                </svg>
                <div class="name">Implementation batch</div>
                <div class="code-name">#glyphicon-a-Implementationbatch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Financialapproval"></use>
                </svg>
                <div class="name">Financial approval</div>
                <div class="code-name">#glyphicon-a-Financialapproval</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Detailsofannualcostestimates"></use>
                </svg>
                <div class="name">Details of annual cost estimates</div>
                <div class="code-name">#glyphicon-a-Detailsofannualcostestimates</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Employeemanagement"></use>
                </svg>
                <div class="name">Employee management</div>
                <div class="code-name">#glyphicon-a-Employeemanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Contractprocess"></use>
                </svg>
                <div class="name">Contract process</div>
                <div class="code-name">#glyphicon-a-Contractprocess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Leavemanagement"></use>
                </svg>
                <div class="name">Leave management</div>
                <div class="code-name">#glyphicon-a-Leavemanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Resourceapplication"></use>
                </svg>
                <div class="name">Resource application</div>
                <div class="code-name">#glyphicon-a-Resourceapplication</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Specialtaskmanagement"></use>
                </svg>
                <div class="name">Special task management</div>
                <div class="code-name">#glyphicon-a-Specialtaskmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Theproductionversionisstored"></use>
                </svg>
                <div class="name">The production version is stored</div>
                <div class="code-name">#glyphicon-a-Theproductionversionisstored</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Redandblacklist"></use>
                </svg>
                <div class="name">Red and black list</div>
                <div class="code-name">#glyphicon-a-Redandblacklist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Systemworkload"></use>
                </svg>
                <div class="name">System workload</div>
                <div class="code-name">#glyphicon-a-Systemworkload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Virtualresourceapplication"></use>
                </svg>
                <div class="name">Virtual resource application</div>
                <div class="code-name">#glyphicon-a-Virtualresourceapplication</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Productionrelease"></use>
                </svg>
                <div class="name">Production release</div>
                <div class="code-name">#glyphicon-a-Productionrelease</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Performanceappraisal"></use>
                </svg>
                <div class="name">Performance appraisal</div>
                <div class="code-name">#glyphicon-a-Performanceappraisal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Testmanagement"></use>
                </svg>
                <div class="name">Test management</div>
                <div class="code-name">#glyphicon-a-Testmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Productionversionextraction"></use>
                </svg>
                <div class="name">Production version extraction</div>
                <div class="code-name">#glyphicon-a-Productionversionextraction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Productionsourcecodeout"></use>
                </svg>
                <div class="name">Production source code out</div>
                <div class="code-name">#glyphicon-a-Productionsourcecodeout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Orderinquiry"></use>
                </svg>
                <div class="name">Order inquiry</div>
                <div class="code-name">#glyphicon-a-Orderinquiry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Salesapproval"></use>
                </svg>
                <div class="name">Sales approval</div>
                <div class="code-name">#glyphicon-a-Salesapproval</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Datamanagement"></use>
                </svg>
                <div class="name">Data management</div>
                <div class="code-name">#glyphicon-a-Datamanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-panel-tool-restore"></use>
                </svg>
                <div class="name">panel-tool-restore</div>
                <div class="code-name">#glyphicon-panel-tool-restore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-warn-fill1"></use>
                </svg>
                <div class="name">warn-fill</div>
                <div class="code-name">#glyphicon-warn-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-proximal"></use>
                </svg>
                <div class="name">proximal</div>
                <div class="code-name">#glyphicon-proximal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-move1"></use>
                </svg>
                <div class="name">move</div>
                <div class="code-name">#glyphicon-move1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Pageadditions"></use>
                </svg>
                <div class="name">Page additions</div>
                <div class="code-name">#glyphicon-a-Pageadditions</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-TodoList"></use>
                </svg>
                <div class="name">To do List</div>
                <div class="code-name">#glyphicon-a-TodoList</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-customerinformation"></use>
                </svg>
                <div class="name">customer information</div>
                <div class="code-name">#glyphicon-a-customerinformation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-Download"></use>
                </svg>
                <div class="name">Download</div>
                <div class="code-name">#glyphicon-Download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-systemscheme"></use>
                </svg>
                <div class="name">system scheme</div>
                <div class="code-name">#glyphicon-a-systemscheme</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#glyphicon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-managedfutures"></use>
                </svg>
                <div class="name">managed futures</div>
                <div class="code-name">#glyphicon-a-managedfutures</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-spotexposure"></use>
                </svg>
                <div class="name">spot exposure</div>
                <div class="code-name">#glyphicon-a-spotexposure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-termexposure"></use>
                </svg>
                <div class="name">term exposure</div>
                <div class="code-name">#glyphicon-a-termexposure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-spotmanagement"></use>
                </svg>
                <div class="name">spot management</div>
                <div class="code-name">#glyphicon-a-spotmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-abnormalevent"></use>
                </svg>
                <div class="name">abnormal event</div>
                <div class="code-name">#glyphicon-a-abnormalevent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-abort"></use>
                </svg>
                <div class="name">abort</div>
                <div class="code-name">#glyphicon-abort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-Account-set-up"></use>
                </svg>
                <div class="name">Account-set-up</div>
                <div class="code-name">#glyphicon-Account-set-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-buy"></use>
                </svg>
                <div class="name">buy</div>
                <div class="code-name">#glyphicon-buy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-assessment"></use>
                </svg>
                <div class="name">assessment</div>
                <div class="code-name">#glyphicon-assessment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-business"></use>
                </svg>
                <div class="name">business</div>
                <div class="code-name">#glyphicon-business</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-batchfailure"></use>
                </svg>
                <div class="name">batch failure</div>
                <div class="code-name">#glyphicon-a-batchfailure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-classes"></use>
                </svg>
                <div class="name">classes</div>
                <div class="code-name">#glyphicon-classes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-counter-channel-open"></use>
                </svg>
                <div class="name">counter-channel-open</div>
                <div class="code-name">#glyphicon-counter-channel-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-channel-check"></use>
                </svg>
                <div class="name">channel-check</div>
                <div class="code-name">#glyphicon-channel-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-deal"></use>
                </svg>
                <div class="name">deal</div>
                <div class="code-name">#glyphicon-deal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-cashaudit"></use>
                </svg>
                <div class="name">cash audit</div>
                <div class="code-name">#glyphicon-a-cashaudit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-composition"></use>
                </svg>
                <div class="name">composition</div>
                <div class="code-name">#glyphicon-composition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-bondquotamanagement"></use>
                </svg>
                <div class="name">bond quota management</div>
                <div class="code-name">#glyphicon-a-bondquotamanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-delivery"></use>
                </svg>
                <div class="name">delivery</div>
                <div class="code-name">#glyphicon-delivery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-executionofcontract"></use>
                </svg>
                <div class="name">execution of contract</div>
                <div class="code-name">#glyphicon-a-executionofcontract</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-export-all"></use>
                </svg>
                <div class="name">export-all</div>
                <div class="code-name">#glyphicon-export-all</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-counter-channel-closed"></use>
                </svg>
                <div class="name">counter-channel-closed</div>
                <div class="code-name">#glyphicon-counter-channel-closed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-early-return"></use>
                </svg>
                <div class="name">early-return</div>
                <div class="code-name">#glyphicon-early-return</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-fundaccount"></use>
                </svg>
                <div class="name">fund account</div>
                <div class="code-name">#glyphicon-a-fundaccount</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-due-to-return"></use>
                </svg>
                <div class="name">due-to-return</div>
                <div class="code-name">#glyphicon-due-to-return</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-fixedinput"></use>
                </svg>
                <div class="name">fixed input</div>
                <div class="code-name">#glyphicon-a-fixedinput</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-fixing"></use>
                </svg>
                <div class="name">fixing</div>
                <div class="code-name">#glyphicon-fixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-exercisingtheoption"></use>
                </svg>
                <div class="name">exercising the option</div>
                <div class="code-name">#glyphicon-a-exercisingtheoption</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-device-attachment"></use>
                </svg>
                <div class="name">device-attachment</div>
                <div class="code-name">#glyphicon-device-attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-intersection"></use>
                </svg>
                <div class="name">intersection</div>
                <div class="code-name">#glyphicon-intersection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-client-channel-open"></use>
                </svg>
                <div class="name">client-channel-open</div>
                <div class="code-name">#glyphicon-client-channel-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-foreignexchangesettlementandsale"></use>
                </svg>
                <div class="name">foreign exchange settlement and sale</div>
                <div class="code-name">#glyphicon-a-foreignexchangesettlementandsale</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-invoices"></use>
                </svg>
                <div class="name">invoices</div>
                <div class="code-name">#glyphicon-invoices</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-entrust1"></use>
                </svg>
                <div class="name">entrust1</div>
                <div class="code-name">#glyphicon-entrust1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-latereturn"></use>
                </svg>
                <div class="name">late return</div>
                <div class="code-name">#glyphicon-a-latereturn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-liquidate"></use>
                </svg>
                <div class="name">liquidate</div>
                <div class="code-name">#glyphicon-liquidate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-exhibition-period"></use>
                </svg>
                <div class="name">exhibition-period</div>
                <div class="code-name">#glyphicon-exhibition-period</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-entrust"></use>
                </svg>
                <div class="name">entrust</div>
                <div class="code-name">#glyphicon-entrust</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-frustrationofcontract"></use>
                </svg>
                <div class="name">frustration of contract</div>
                <div class="code-name">#glyphicon-a-frustrationofcontract</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-payment"></use>
                </svg>
                <div class="name">payment</div>
                <div class="code-name">#glyphicon-payment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-reversal"></use>
                </svg>
                <div class="name">reversal</div>
                <div class="code-name">#glyphicon-reversal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-markup"></use>
                </svg>
                <div class="name">markup</div>
                <div class="code-name">#glyphicon-markup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-Positions"></use>
                </svg>
                <div class="name">Positions</div>
                <div class="code-name">#glyphicon-Positions</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-operate"></use>
                </svg>
                <div class="name">operate</div>
                <div class="code-name">#glyphicon-operate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-foreignexchangeswap"></use>
                </svg>
                <div class="name">foreign exchange swap</div>
                <div class="code-name">#glyphicon-a-foreignexchangeswap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-statistics-statements"></use>
                </svg>
                <div class="name">statistics-statements</div>
                <div class="code-name">#glyphicon-statistics-statements</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-shouxi"></use>
                </svg>
                <div class="name">shouxi</div>
                <div class="code-name">#glyphicon-shouxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-product-halt-sales"></use>
                </svg>
                <div class="name">product-halt-sales</div>
                <div class="code-name">#glyphicon-product-halt-sales</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-product"></use>
                </svg>
                <div class="name">product</div>
                <div class="code-name">#glyphicon-product</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-forwardexchangerate"></use>
                </svg>
                <div class="name">forward exchange rate</div>
                <div class="code-name">#glyphicon-a-forwardexchangerate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-client-channel-close"></use>
                </svg>
                <div class="name">client-channel-close</div>
                <div class="code-name">#glyphicon-client-channel-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-toaudit"></use>
                </svg>
                <div class="name">to audit</div>
                <div class="code-name">#glyphicon-a-toaudit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-preview"></use>
                </svg>
                <div class="name">preview</div>
                <div class="code-name">#glyphicon-preview</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-inquiry"></use>
                </svg>
                <div class="name">inquiry</div>
                <div class="code-name">#glyphicon-inquiry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-unsubscribe"></use>
                </svg>
                <div class="name">unsubscribe</div>
                <div class="code-name">#glyphicon-unsubscribe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-set1"></use>
                </svg>
                <div class="name">set</div>
                <div class="code-name">#glyphicon-set1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-stoploss"></use>
                </svg>
                <div class="name">stop loss</div>
                <div class="code-name">#glyphicon-a-stoploss</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-reset-password"></use>
                </svg>
                <div class="name">reset-password</div>
                <div class="code-name">#glyphicon-reset-password</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-stop-profit"></use>
                </svg>
                <div class="name">stop-profit</div>
                <div class="code-name">#glyphicon-stop-profit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-liftringdeposit"></use>
                </svg>
                <div class="name">lift ring deposit</div>
                <div class="code-name">#glyphicon-a-liftringdeposit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-supervision"></use>
                </svg>
                <div class="name">supervision</div>
                <div class="code-name">#glyphicon-supervision</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-precious-metal"></use>
                </svg>
                <div class="name">precious-metal</div>
                <div class="code-name">#glyphicon-precious-metal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-knowledge"></use>
                </svg>
                <div class="name">knowledge</div>
                <div class="code-name">#glyphicon-knowledge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Touchpanels"></use>
                </svg>
                <div class="name">Touch panels</div>
                <div class="code-name">#glyphicon-a-Touchpanels</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-the-funds-transfer"></use>
                </svg>
                <div class="name">the-funds-transfer</div>
                <div class="code-name">#glyphicon-the-funds-transfer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-processingmeasurement"></use>
                </svg>
                <div class="name">processing measurement</div>
                <div class="code-name">#glyphicon-a-processingmeasurement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-riskofcheck"></use>
                </svg>
                <div class="name">risk of check</div>
                <div class="code-name">#glyphicon-a-riskofcheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-some-channels-open"></use>
                </svg>
                <div class="name">some-channels-open</div>
                <div class="code-name">#glyphicon-some-channels-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-product-sold-out"></use>
                </svg>
                <div class="name">product-sold-out</div>
                <div class="code-name">#glyphicon-product-sold-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-withdrawal"></use>
                </svg>
                <div class="name">withdrawal</div>
                <div class="code-name">#glyphicon-withdrawal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-device-not-attachment"></use>
                </svg>
                <div class="name">device-not-attachment</div>
                <div class="code-name">#glyphicon-device-not-attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-third-party-open"></use>
                </svg>
                <div class="name">third-party-open</div>
                <div class="code-name">#glyphicon-third-party-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-user-error"></use>
                </svg>
                <div class="name">user- error</div>
                <div class="code-name">#glyphicon-a-user-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-positionsinmanagement"></use>
                </svg>
                <div class="name">positions in management</div>
                <div class="code-name">#glyphicon-a-positionsinmanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-trade-setting"></use>
                </svg>
                <div class="name">trade-setting</div>
                <div class="code-name">#glyphicon-trade-setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-foreignexchangeatsight"></use>
                </svg>
                <div class="name">foreign exchange at sight</div>
                <div class="code-name">#glyphicon-a-foreignexchangeatsight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-quotations-issued-by"></use>
                </svg>
                <div class="name">quotations-issued-by</div>
                <div class="code-name">#glyphicon-quotations-issued-by</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-third-party-prohibition"></use>
                </svg>
                <div class="name">third-party-prohibition</div>
                <div class="code-name">#glyphicon-third-party-prohibition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-track"></use>
                </svg>
                <div class="name">track</div>
                <div class="code-name">#glyphicon-track</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-user-add1"></use>
                </svg>
                <div class="name">user-add</div>
                <div class="code-name">#glyphicon-user-add1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-flex-between-column"></use>
                </svg>
                <div class="name">flex-between-column</div>
                <div class="code-name">#glyphicon-flex-between-column</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-flex-between-column-h"></use>
                </svg>
                <div class="name">flex-between-column-h</div>
                <div class="code-name">#glyphicon-flex-between-column-h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-compo_icon_form-edit"></use>
                </svg>
                <div class="name">compo_icon_form-edit</div>
                <div class="code-name">#glyphicon-compo_icon_form-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-flex-row-h"></use>
                </svg>
                <div class="name">flex-row-h</div>
                <div class="code-name">#glyphicon-flex-row-h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-folder"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#glyphicon-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-check2"></use>
                </svg>
                <div class="name">check 2</div>
                <div class="code-name">#glyphicon-a-check2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-flex-start-row2"></use>
                </svg>
                <div class="name">flex-start-row 2</div>
                <div class="code-name">#glyphicon-a-flex-start-row2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-down-pair"></use>
                </svg>
                <div class="name">down-pair</div>
                <div class="code-name">#glyphicon-down-pair</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-flex-start-row"></use>
                </svg>
                <div class="name">flex-start-row</div>
                <div class="code-name">#glyphicon-flex-start-row</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-date-time"></use>
                </svg>
                <div class="name">date-time</div>
                <div class="code-name">#glyphicon-date-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-email"></use>
                </svg>
                <div class="name">email</div>
                <div class="code-name">#glyphicon-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-financialinformation"></use>
                </svg>
                <div class="name">financial information</div>
                <div class="code-name">#glyphicon-a-financialinformation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-data-source"></use>
                </svg>
                <div class="name">data-source</div>
                <div class="code-name">#glyphicon-data-source</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chart-pie"></use>
                </svg>
                <div class="name">chart-pie</div>
                <div class="code-name">#glyphicon-chart-pie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-flex"></use>
                </svg>
                <div class="name">flex</div>
                <div class="code-name">#glyphicon-flex</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-flex-end-row"></use>
                </svg>
                <div class="name">flex-end-row</div>
                <div class="code-name">#glyphicon-flex-end-row</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-foreign-exchange-forwards"></use>
                </svg>
                <div class="name">foreign-exchange-forwards</div>
                <div class="code-name">#glyphicon-foreign-exchange-forwards</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#glyphicon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-edit-fill"></use>
                </svg>
                <div class="name">edit-fill</div>
                <div class="code-name">#glyphicon-edit-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-form-export"></use>
                </svg>
                <div class="name">form-export</div>
                <div class="code-name">#glyphicon-form-export</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-function"></use>
                </svg>
                <div class="name">function</div>
                <div class="code-name">#glyphicon-function</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-group"></use>
                </svg>
                <div class="name">group</div>
                <div class="code-name">#glyphicon-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-foreign-exchange-swap"></use>
                </svg>
                <div class="name">foreign-exchange-swap</div>
                <div class="code-name">#glyphicon-foreign-exchange-swap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-flex-baseline-h"></use>
                </svg>
                <div class="name">flex-baseline-h</div>
                <div class="code-name">#glyphicon-flex-baseline-h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-group-fill"></use>
                </svg>
                <div class="name">group-fill</div>
                <div class="code-name">#glyphicon-group-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-hide"></use>
                </svg>
                <div class="name">hide</div>
                <div class="code-name">#glyphicon-hide</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-image"></use>
                </svg>
                <div class="name">image</div>
                <div class="code-name">#glyphicon-image</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-home"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#glyphicon-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-icon"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#glyphicon-icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-formula"></use>
                </svg>
                <div class="name">formula</div>
                <div class="code-name">#glyphicon-formula</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-help"></use>
                </svg>
                <div class="name">help</div>
                <div class="code-name">#glyphicon-help</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-input-box"></use>
                </svg>
                <div class="name">input-box</div>
                <div class="code-name">#glyphicon-input-box</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-grid"></use>
                </svg>
                <div class="name">grid</div>
                <div class="code-name">#glyphicon-grid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-foreign-currency"></use>
                </svg>
                <div class="name">foreign-currency</div>
                <div class="code-name">#glyphicon-foreign-currency</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-layout1"></use>
                </svg>
                <div class="name">layout1</div>
                <div class="code-name">#glyphicon-layout1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-inline"></use>
                </svg>
                <div class="name">inline</div>
                <div class="code-name">#glyphicon-inline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-layer-fill"></use>
                </svg>
                <div class="name">layer-fill</div>
                <div class="code-name">#glyphicon-layer-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-form-import"></use>
                </svg>
                <div class="name">form-import</div>
                <div class="code-name">#glyphicon-form-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-h1"></use>
                </svg>
                <div class="name">h1</div>
                <div class="code-name">#glyphicon-h1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-layout2"></use>
                </svg>
                <div class="name">layout2</div>
                <div class="code-name">#glyphicon-layout2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-left"></use>
                </svg>
                <div class="name">left</div>
                <div class="code-name">#glyphicon-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-input-item"></use>
                </svg>
                <div class="name">input-item</div>
                <div class="code-name">#glyphicon-input-item</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-label"></use>
                </svg>
                <div class="name">label</div>
                <div class="code-name">#glyphicon-label</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-form-search"></use>
                </svg>
                <div class="name">form-search</div>
                <div class="code-name">#glyphicon-form-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-line-dot"></use>
                </svg>
                <div class="name">line-dot</div>
                <div class="code-name">#glyphicon-line-dot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-history"></use>
                </svg>
                <div class="name">history</div>
                <div class="code-name">#glyphicon-history</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-layer"></use>
                </svg>
                <div class="name">layer</div>
                <div class="code-name">#glyphicon-layer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-layout-up-down"></use>
                </svg>
                <div class="name">layout-up-down</div>
                <div class="code-name">#glyphicon-layout-up-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-list-fill"></use>
                </svg>
                <div class="name">list-fill</div>
                <div class="code-name">#glyphicon-list-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-fund"></use>
                </svg>
                <div class="name">fund</div>
                <div class="code-name">#glyphicon-fund</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-left-pair"></use>
                </svg>
                <div class="name">left-pair</div>
                <div class="code-name">#glyphicon-left-pair</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-left-fill"></use>
                </svg>
                <div class="name">left-fill</div>
                <div class="code-name">#glyphicon-left-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-max-fill"></use>
                </svg>
                <div class="name">max-fill</div>
                <div class="code-name">#glyphicon-max-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-lightning-fill"></use>
                </svg>
                <div class="name">lightning-fill</div>
                <div class="code-name">#glyphicon-lightning-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-home-fill"></use>
                </svg>
                <div class="name">home-fill</div>
                <div class="code-name">#glyphicon-home-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-image2"></use>
                </svg>
                <div class="name">image 2</div>
                <div class="code-name">#glyphicon-a-image2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-info"></use>
                </svg>
                <div class="name">info</div>
                <div class="code-name">#glyphicon-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-mini"></use>
                </svg>
                <div class="name">mini</div>
                <div class="code-name">#glyphicon-mini</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-item"></use>
                </svg>
                <div class="name">item</div>
                <div class="code-name">#glyphicon-item</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-list"></use>
                </svg>
                <div class="name">list</div>
                <div class="code-name">#glyphicon-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-hot"></use>
                </svg>
                <div class="name">hot</div>
                <div class="code-name">#glyphicon-hot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-introduce"></use>
                </svg>
                <div class="name">introduce</div>
                <div class="code-name">#glyphicon-introduce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-link"></use>
                </svg>
                <div class="name">link</div>
                <div class="code-name">#glyphicon-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-line-dash"></use>
                </svg>
                <div class="name">line-dash</div>
                <div class="code-name">#glyphicon-line-dash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-lock"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#glyphicon-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-metal"></use>
                </svg>
                <div class="name">metal</div>
                <div class="code-name">#glyphicon-metal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-help-fill"></use>
                </svg>
                <div class="name">help-fill</div>
                <div class="code-name">#glyphicon-help-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-Modify"></use>
                </svg>
                <div class="name">Modify</div>
                <div class="code-name">#glyphicon-Modify</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-iframe"></use>
                </svg>
                <div class="name">iframe</div>
                <div class="code-name">#glyphicon-iframe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-monitor"></use>
                </svg>
                <div class="name">monitor</div>
                <div class="code-name">#glyphicon-monitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-multiplechoice-fill"></use>
                </svg>
                <div class="name">multiple choice-fill</div>
                <div class="code-name">#glyphicon-a-multiplechoice-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-multiplechoice"></use>
                </svg>
                <div class="name">multiple choice</div>
                <div class="code-name">#glyphicon-a-multiplechoice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-more1"></use>
                </svg>
                <div class="name">more1</div>
                <div class="code-name">#glyphicon-more1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-negative"></use>
                </svg>
                <div class="name">negative</div>
                <div class="code-name">#glyphicon-negative</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-money"></use>
                </svg>
                <div class="name">money</div>
                <div class="code-name">#glyphicon-money</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-more"></use>
                </svg>
                <div class="name">more</div>
                <div class="code-name">#glyphicon-more</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-marketrisk"></use>
                </svg>
                <div class="name">market risk</div>
                <div class="code-name">#glyphicon-a-marketrisk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-fold-1"></use>
                </svg>
                <div class="name">fold-1</div>
                <div class="code-name">#glyphicon-fold-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-more1-fill"></use>
                </svg>
                <div class="name">more1-fill</div>
                <div class="code-name">#glyphicon-more1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-foreign-exchange-sight"></use>
                </svg>
                <div class="name">foreign-exchange-sight</div>
                <div class="code-name">#glyphicon-foreign-exchange-sight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-monitor-fill"></use>
                </svg>
                <div class="name">monitor-fill</div>
                <div class="code-name">#glyphicon-monitor-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-page"></use>
                </svg>
                <div class="name">page</div>
                <div class="code-name">#glyphicon-page</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-list1"></use>
                </svg>
                <div class="name">list1</div>
                <div class="code-name">#glyphicon-list1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-access"></use>
                </svg>
                <div class="name">access</div>
                <div class="code-name">#glyphicon-access</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-option"></use>
                </svg>
                <div class="name">option</div>
                <div class="code-name">#glyphicon-option</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-inline-block"></use>
                </svg>
                <div class="name">inline-block</div>
                <div class="code-name">#glyphicon-inline-block</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-institution-newly"></use>
                </svg>
                <div class="name">institution-newly</div>
                <div class="code-name">#glyphicon-institution-newly</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-left-side"></use>
                </svg>
                <div class="name">left-side</div>
                <div class="code-name">#glyphicon-left-side</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-more2"></use>
                </svg>
                <div class="name">more2</div>
                <div class="code-name">#glyphicon-more2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-ircle-fill"></use>
                </svg>
                <div class="name">ircle-fill</div>
                <div class="code-name">#glyphicon-ircle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-piechart-fill"></use>
                </svg>
                <div class="name">pie chart-fill</div>
                <div class="code-name">#glyphicon-a-piechart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-Mute"></use>
                </svg>
                <div class="name">Mute</div>
                <div class="code-name">#glyphicon-Mute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-prohibit"></use>
                </svg>
                <div class="name">prohibit</div>
                <div class="code-name">#glyphicon-prohibit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-process"></use>
                </svg>
                <div class="name">process</div>
                <div class="code-name">#glyphicon-process</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-password"></use>
                </svg>
                <div class="name">password</div>
                <div class="code-name">#glyphicon-password</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-modules"></use>
                </svg>
                <div class="name">modules</div>
                <div class="code-name">#glyphicon-modules</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-preserve"></use>
                </svg>
                <div class="name">preserve</div>
                <div class="code-name">#glyphicon-preserve</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-quotation"></use>
                </svg>
                <div class="name">quotation</div>
                <div class="code-name">#glyphicon-quotation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-news"></use>
                </svg>
                <div class="name">news</div>
                <div class="code-name">#glyphicon-news</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-prohibit-fill"></use>
                </svg>
                <div class="name">prohibit-fill</div>
                <div class="code-name">#glyphicon-prohibit-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-pdf"></use>
                </svg>
                <div class="name">pdf</div>
                <div class="code-name">#glyphicon-pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-positive"></use>
                </svg>
                <div class="name">positive</div>
                <div class="code-name">#glyphicon-positive</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-radius-right"></use>
                </svg>
                <div class="name">radius-right</div>
                <div class="code-name">#glyphicon-radius-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-quotation-fill"></use>
                </svg>
                <div class="name">quotation-fill</div>
                <div class="code-name">#glyphicon-quotation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-query"></use>
                </svg>
                <div class="name">query</div>
                <div class="code-name">#glyphicon-query</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-news-fill"></use>
                </svg>
                <div class="name">news-fill</div>
                <div class="code-name">#glyphicon-news-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-max"></use>
                </svg>
                <div class="name">max</div>
                <div class="code-name">#glyphicon-max</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-push-ws"></use>
                </svg>
                <div class="name">push-ws</div>
                <div class="code-name">#glyphicon-push-ws</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-query-list"></use>
                </svg>
                <div class="name">query-list</div>
                <div class="code-name">#glyphicon-query-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-rectangle"></use>
                </svg>
                <div class="name">rectangle</div>
                <div class="code-name">#glyphicon-rectangle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-radius-bottom-left"></use>
                </svg>
                <div class="name">radius-bottom-left</div>
                <div class="code-name">#glyphicon-radius-bottom-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-reduce1-fill"></use>
                </svg>
                <div class="name">reduce1-fill</div>
                <div class="code-name">#glyphicon-reduce1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-radius-left"></use>
                </svg>
                <div class="name">radius-left</div>
                <div class="code-name">#glyphicon-radius-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-move"></use>
                </svg>
                <div class="name">move</div>
                <div class="code-name">#glyphicon-move</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-reduce"></use>
                </svg>
                <div class="name">reduce</div>
                <div class="code-name">#glyphicon-reduce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-radius"></use>
                </svg>
                <div class="name">radius</div>
                <div class="code-name">#glyphicon-radius</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-quit"></use>
                </svg>
                <div class="name">quit</div>
                <div class="code-name">#glyphicon-quit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-reduce2"></use>
                </svg>
                <div class="name">reduce2</div>
                <div class="code-name">#glyphicon-reduce2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-narrow"></use>
                </svg>
                <div class="name">narrow</div>
                <div class="code-name">#glyphicon-narrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-layout-left-right"></use>
                </svg>
                <div class="name">layout-left-right</div>
                <div class="code-name">#glyphicon-layout-left-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-right-side"></use>
                </svg>
                <div class="name">right-side</div>
                <div class="code-name">#glyphicon-right-side</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-right-arrow"></use>
                </svg>
                <div class="name">right-arrow</div>
                <div class="code-name">#glyphicon-right-arrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-print"></use>
                </svg>
                <div class="name">print</div>
                <div class="code-name">#glyphicon-print</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-right-pair"></use>
                </svg>
                <div class="name">right-pair</div>
                <div class="code-name">#glyphicon-right-pair</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-restore"></use>
                </svg>
                <div class="name">restore</div>
                <div class="code-name">#glyphicon-restore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-right-fill"></use>
                </svg>
                <div class="name">right-fill</div>
                <div class="code-name">#glyphicon-right-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-risk2"></use>
                </svg>
                <div class="name">risk2</div>
                <div class="code-name">#glyphicon-risk2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-reduce2-fill"></use>
                </svg>
                <div class="name">reduce2-fill</div>
                <div class="code-name">#glyphicon-reduce2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-reduce1"></use>
                </svg>
                <div class="name">reduce1</div>
                <div class="code-name">#glyphicon-reduce1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-return"></use>
                </svg>
                <div class="name">return</div>
                <div class="code-name">#glyphicon-return</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-rise"></use>
                </svg>
                <div class="name">rise</div>
                <div class="code-name">#glyphicon-rise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-left-arrow"></use>
                </svg>
                <div class="name">left-arrow</div>
                <div class="code-name">#glyphicon-left-arrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-resize-small"></use>
                </svg>
                <div class="name">resize-small</div>
                <div class="code-name">#glyphicon-resize-small</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-refresh"></use>
                </svg>
                <div class="name">refresh</div>
                <div class="code-name">#glyphicon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-screen"></use>
                </svg>
                <div class="name">screen</div>
                <div class="code-name">#glyphicon-screen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-radius-bottom-right"></use>
                </svg>
                <div class="name">radius-bottom-right</div>
                <div class="code-name">#glyphicon-radius-bottom-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-singlechoice"></use>
                </svg>
                <div class="name">single choice</div>
                <div class="code-name">#glyphicon-a-singlechoice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-service"></use>
                </svg>
                <div class="name">service</div>
                <div class="code-name">#glyphicon-service</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-setup-fill"></use>
                </svg>
                <div class="name">set up-fill</div>
                <div class="code-name">#glyphicon-a-setup-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-share"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#glyphicon-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-3D"></use>
                </svg>
                <div class="name">3D</div>
                <div class="code-name">#glyphicon-a-3D</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-push-ipc"></use>
                </svg>
                <div class="name">push-ipc</div>
                <div class="code-name">#glyphicon-push-ipc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-2D"></use>
                </svg>
                <div class="name">2D</div>
                <div class="code-name">#glyphicon-a-2D</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-link2"></use>
                </svg>
                <div class="name">link 2</div>
                <div class="code-name">#glyphicon-a-link2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-"></use>
                </svg>
                <div class="name">@</div>
                <div class="code-name">#glyphicon-a-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-setup1-fill"></use>
                </svg>
                <div class="name">set up1-fill</div>
                <div class="code-name">#glyphicon-a-setup1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-bank"></use>
                </svg>
                <div class="name">bank</div>
                <div class="code-name">#glyphicon-bank</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-secede"></use>
                </svg>
                <div class="name">secede</div>
                <div class="code-name">#glyphicon-secede</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-border"></use>
                </svg>
                <div class="name">border</div>
                <div class="code-name">#glyphicon-border</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-RMB"></use>
                </svg>
                <div class="name">RMB</div>
                <div class="code-name">#glyphicon-RMB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-bankcard-fill"></use>
                </svg>
                <div class="name">bank card-fill</div>
                <div class="code-name">#glyphicon-a-bankcard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-shear"></use>
                </svg>
                <div class="name">shear</div>
                <div class="code-name">#glyphicon-shear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-audio"></use>
                </svg>
                <div class="name">audio</div>
                <div class="code-name">#glyphicon-audio</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-smile"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#glyphicon-smile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-collapse-single"></use>
                </svg>
                <div class="name">collapse-single</div>
                <div class="code-name">#glyphicon-collapse-single</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-space-around-row"></use>
                </svg>
                <div class="name">space-around-row</div>
                <div class="code-name">#glyphicon-space-around-row</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-24h"></use>
                </svg>
                <div class="name">24h</div>
                <div class="code-name">#glyphicon-a-24h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-stflex-end-row"></use>
                </svg>
                <div class="name">stflex-end-row</div>
                <div class="code-name">#glyphicon-stflex-end-row</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-add"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#glyphicon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-skin"></use>
                </svg>
                <div class="name">skin</div>
                <div class="code-name">#glyphicon-skin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-begin"></use>
                </svg>
                <div class="name">begin</div>
                <div class="code-name">#glyphicon-begin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-risk-fill"></use>
                </svg>
                <div class="name">risk-fill</div>
                <div class="code-name">#glyphicon-risk-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-border-right"></use>
                </svg>
                <div class="name">border-right</div>
                <div class="code-name">#glyphicon-border-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-strikethrough"></use>
                </svg>
                <div class="name">strikethrough</div>
                <div class="code-name">#glyphicon-strikethrough</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-add1-fill"></use>
                </svg>
                <div class="name">add1-fill</div>
                <div class="code-name">#glyphicon-add1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-sort2"></use>
                </svg>
                <div class="name">sort 2</div>
                <div class="code-name">#glyphicon-a-sort2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-bottom"></use>
                </svg>
                <div class="name">bottom</div>
                <div class="code-name">#glyphicon-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-success"></use>
                </svg>
                <div class="name">success</div>
                <div class="code-name">#glyphicon-success</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-advancedquery"></use>
                </svg>
                <div class="name">advanced query</div>
                <div class="code-name">#glyphicon-a-advancedquery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-set"></use>
                </svg>
                <div class="name">set</div>
                <div class="code-name">#glyphicon-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-calendar-range"></use>
                </svg>
                <div class="name">calendar-range</div>
                <div class="code-name">#glyphicon-calendar-range</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-select"></use>
                </svg>
                <div class="name">select</div>
                <div class="code-name">#glyphicon-select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-block2"></use>
                </svg>
                <div class="name">block 2</div>
                <div class="code-name">#glyphicon-a-block2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-setup"></use>
                </svg>
                <div class="name">set up</div>
                <div class="code-name">#glyphicon-a-setup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-add1"></use>
                </svg>
                <div class="name">add1</div>
                <div class="code-name">#glyphicon-add1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Switch1"></use>
                </svg>
                <div class="name">Switch 1</div>
                <div class="code-name">#glyphicon-a-Switch1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-calendar-week"></use>
                </svg>
                <div class="name">calendar-week</div>
                <div class="code-name">#glyphicon-calendar-week</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-space-between-row"></use>
                </svg>
                <div class="name">space-between-row</div>
                <div class="code-name">#glyphicon-space-between-row</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-compo_icon_auto-completion"></use>
                </svg>
                <div class="name">compo_icon_auto-completion</div>
                <div class="code-name">#glyphicon-compo_icon_auto-completion</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-singlechoice2"></use>
                </svg>
                <div class="name">single choice2</div>
                <div class="code-name">#glyphicon-a-singlechoice2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-border-bottom"></use>
                </svg>
                <div class="name">border-bottom</div>
                <div class="code-name">#glyphicon-border-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-resize-full"></use>
                </svg>
                <div class="name">resize-full</div>
                <div class="code-name">#glyphicon-resize-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-center-vertical"></use>
                </svg>
                <div class="name">center-vertical</div>
                <div class="code-name">#glyphicon-center-vertical</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-speed"></use>
                </svg>
                <div class="name">speed</div>
                <div class="code-name">#glyphicon-speed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-equipment-fill"></use>
                </svg>
                <div class="name">equipment-fill</div>
                <div class="code-name">#glyphicon-equipment-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-switch"></use>
                </svg>
                <div class="name">switch</div>
                <div class="code-name">#glyphicon-switch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-bank-card"></use>
                </svg>
                <div class="name">bank-card</div>
                <div class="code-name">#glyphicon-bank-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-System-domain"></use>
                </svg>
                <div class="name">System-domain</div>
                <div class="code-name">#glyphicon-System-domain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-delete-fill"></use>
                </svg>
                <div class="name">delete-fill</div>
                <div class="code-name">#glyphicon-delete-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-right"></use>
                </svg>
                <div class="name">right</div>
                <div class="code-name">#glyphicon-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-bar-gtaph"></use>
                </svg>
                <div class="name">bar-gtaph</div>
                <div class="code-name">#glyphicon-bar-gtaph</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-textsize"></use>
                </svg>
                <div class="name">text size</div>
                <div class="code-name">#glyphicon-a-textsize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-compo_icon_layout-up-crnter-down"></use>
                </svg>
                <div class="name">compo_icon_layout-up-crnter-down</div>
                <div class="code-name">#glyphicon-compo_icon_layout-up-crnter-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-tab-single"></use>
                </svg>
                <div class="name">tab-single</div>
                <div class="code-name">#glyphicon-tab-single</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-add2-fill"></use>
                </svg>
                <div class="name">add2-fill</div>
                <div class="code-name">#glyphicon-add2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-time-fill"></use>
                </svg>
                <div class="name">time-fill</div>
                <div class="code-name">#glyphicon-time-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-detailedlist-fill"></use>
                </svg>
                <div class="name">detailed list-fill</div>
                <div class="code-name">#glyphicon-a-detailedlist-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-table"></use>
                </svg>
                <div class="name">tab le</div>
                <div class="code-name">#glyphicon-a-table</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-counter"></use>
                </svg>
                <div class="name">counter</div>
                <div class="code-name">#glyphicon-counter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-transaction-fill"></use>
                </svg>
                <div class="name">transaction-fill</div>
                <div class="code-name">#glyphicon-transaction-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chat-fill"></use>
                </svg>
                <div class="name">chat-fill</div>
                <div class="code-name">#glyphicon-chat-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-textlef"></use>
                </svg>
                <div class="name">text lef</div>
                <div class="code-name">#glyphicon-a-textlef</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-flex-baseline"></use>
                </svg>
                <div class="name">flex-baseline</div>
                <div class="code-name">#glyphicon-flex-baseline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-transaction"></use>
                </svg>
                <div class="name">transaction</div>
                <div class="code-name">#glyphicon-transaction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-closecircle"></use>
                </svg>
                <div class="name">closecircle</div>
                <div class="code-name">#glyphicon-closecircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-textsize2"></use>
                </svg>
                <div class="name">text size 2</div>
                <div class="code-name">#glyphicon-a-textsize2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-block-fill"></use>
                </svg>
                <div class="name">block-fill</div>
                <div class="code-name">#glyphicon-block-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-text-italic"></use>
                </svg>
                <div class="name">text-italic</div>
                <div class="code-name">#glyphicon-text-italic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-close"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#glyphicon-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-suspend"></use>
                </svg>
                <div class="name">suspend</div>
                <div class="code-name">#glyphicon-suspend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-check-fill"></use>
                </svg>
                <div class="name">check-fill</div>
                <div class="code-name">#glyphicon-check-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-risk3"></use>
                </svg>
                <div class="name">risk3</div>
                <div class="code-name">#glyphicon-risk3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-barchart1"></use>
                </svg>
                <div class="name">bar chart1</div>
                <div class="code-name">#glyphicon-a-barchart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-sort"></use>
                </svg>
                <div class="name">sort</div>
                <div class="code-name">#glyphicon-sort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-add2"></use>
                </svg>
                <div class="name">add2</div>
                <div class="code-name">#glyphicon-add2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-trans"></use>
                </svg>
                <div class="name">trans</div>
                <div class="code-name">#glyphicon-trans</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-detailedlist"></use>
                </svg>
                <div class="name">detailed list</div>
                <div class="code-name">#glyphicon-a-detailedlist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-textediting"></use>
                </svg>
                <div class="name">textediting</div>
                <div class="code-name">#glyphicon-textediting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-candlestickchart-fill"></use>
                </svg>
                <div class="name">candlestick chart-fill</div>
                <div class="code-name">#glyphicon-a-candlestickchart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-trial"></use>
                </svg>
                <div class="name">trial</div>
                <div class="code-name">#glyphicon-trial</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-compo_icon_slider"></use>
                </svg>
                <div class="name">compo_icon_slider</div>
                <div class="code-name">#glyphicon-compo_icon_slider</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-tips"></use>
                </svg>
                <div class="name">tips</div>
                <div class="code-name">#glyphicon-tips</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-code"></use>
                </svg>
                <div class="name">code</div>
                <div class="code-name">#glyphicon-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-risk"></use>
                </svg>
                <div class="name">risk</div>
                <div class="code-name">#glyphicon-risk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-collapse"></use>
                </svg>
                <div class="name">collapse</div>
                <div class="code-name">#glyphicon-collapse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-sort-fill"></use>
                </svg>
                <div class="name">sort-fill</div>
                <div class="code-name">#glyphicon-sort-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-compo_icon_progress"></use>
                </svg>
                <div class="name">compo_icon_progress</div>
                <div class="code-name">#glyphicon-compo_icon_progress</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-setup1"></use>
                </svg>
                <div class="name">set up1</div>
                <div class="code-name">#glyphicon-a-setup1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-border-top"></use>
                </svg>
                <div class="name">border-top</div>
                <div class="code-name">#glyphicon-border-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-up-pair"></use>
                </svg>
                <div class="name">up-pair</div>
                <div class="code-name">#glyphicon-up-pair</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-dangerous"></use>
                </svg>
                <div class="name">dangerous</div>
                <div class="code-name">#glyphicon-dangerous</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-text-italic1"></use>
                </svg>
                <div class="name">text-italic1</div>
                <div class="code-name">#glyphicon-text-italic1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-application-fill"></use>
                </svg>
                <div class="name">application-fill</div>
                <div class="code-name">#glyphicon-application-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-unlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#glyphicon-unlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-commodity"></use>
                </svg>
                <div class="name">commodity</div>
                <div class="code-name">#glyphicon-commodity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-tab-div"></use>
                </svg>
                <div class="name">tab-div</div>
                <div class="code-name">#glyphicon-tab-div</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-com_icon_add-folder"></use>
                </svg>
                <div class="name">com_icon_add-folder</div>
                <div class="code-name">#glyphicon-com_icon_add-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-trend"></use>
                </svg>
                <div class="name">trend</div>
                <div class="code-name">#glyphicon-trend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-divider"></use>
                </svg>
                <div class="name">divider</div>
                <div class="code-name">#glyphicon-divider</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-textmiddle"></use>
                </svg>
                <div class="name">text middle</div>
                <div class="code-name">#glyphicon-a-textmiddle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chart-stock"></use>
                </svg>
                <div class="name">chart-stock</div>
                <div class="code-name">#glyphicon-chart-stock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-unfold-1"></use>
                </svg>
                <div class="name">unfold-1</div>
                <div class="code-name">#glyphicon-unfold-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-copy"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#glyphicon-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-tab"></use>
                </svg>
                <div class="name">tab</div>
                <div class="code-name">#glyphicon-tab</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-creditrisks"></use>
                </svg>
                <div class="name">credit risks</div>
                <div class="code-name">#glyphicon-a-creditrisks</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-tag"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#glyphicon-tag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-application"></use>
                </svg>
                <div class="name">application</div>
                <div class="code-name">#glyphicon-application</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-underline"></use>
                </svg>
                <div class="name">underline</div>
                <div class="code-name">#glyphicon-underline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chat"></use>
                </svg>
                <div class="name">chat</div>
                <div class="code-name">#glyphicon-chat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-text-bold"></use>
                </svg>
                <div class="name">text-bold</div>
                <div class="code-name">#glyphicon-text-bold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-excel"></use>
                </svg>
                <div class="name">excel</div>
                <div class="code-name">#glyphicon-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-up"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#glyphicon-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-file-fill"></use>
                </svg>
                <div class="name">file-fill</div>
                <div class="code-name">#glyphicon-file-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-time"></use>
                </svg>
                <div class="name">time</div>
                <div class="code-name">#glyphicon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-down"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#glyphicon-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-user"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#glyphicon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-equipment"></use>
                </svg>
                <div class="name">equipment</div>
                <div class="code-name">#glyphicon-equipment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-USD"></use>
                </svg>
                <div class="name">USD</div>
                <div class="code-name">#glyphicon-USD</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-delete1"></use>
                </svg>
                <div class="name">delete1</div>
                <div class="code-name">#glyphicon-delete1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-up-fill"></use>
                </svg>
                <div class="name">up-fill</div>
                <div class="code-name">#glyphicon-up-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chat1-fill"></use>
                </svg>
                <div class="name">chat1-fill</div>
                <div class="code-name">#glyphicon-chat1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-operationalrisk"></use>
                </svg>
                <div class="name">operational risk</div>
                <div class="code-name">#glyphicon-a-operationalrisk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-examine-fill"></use>
                </svg>
                <div class="name">examine-fill</div>
                <div class="code-name">#glyphicon-examine-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-upload"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#glyphicon-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-debenture"></use>
                </svg>
                <div class="name">debenture</div>
                <div class="code-name">#glyphicon-debenture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-treeselect"></use>
                </svg>
                <div class="name">treeselect</div>
                <div class="code-name">#glyphicon-treeselect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-configuration"></use>
                </svg>
                <div class="name">configuration</div>
                <div class="code-name">#glyphicon-configuration</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-tab-pre"></use>
                </svg>
                <div class="name">tab-pre</div>
                <div class="code-name">#glyphicon-tab-pre</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-clear"></use>
                </svg>
                <div class="name">clear</div>
                <div class="code-name">#glyphicon-clear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-up-arrow"></use>
                </svg>
                <div class="name">up-arrow</div>
                <div class="code-name">#glyphicon-up-arrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-block"></use>
                </svg>
                <div class="name">block</div>
                <div class="code-name">#glyphicon-block</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-versions"></use>
                </svg>
                <div class="name">versions</div>
                <div class="code-name">#glyphicon-versions</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-clock"></use>
                </svg>
                <div class="name">clock</div>
                <div class="code-name">#glyphicon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-transfer"></use>
                </svg>
                <div class="name">transfer</div>
                <div class="code-name">#glyphicon-transfer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-board"></use>
                </svg>
                <div class="name">board</div>
                <div class="code-name">#glyphicon-board</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-workbench"></use>
                </svg>
                <div class="name">workbench</div>
                <div class="code-name">#glyphicon-workbench</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-check"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#glyphicon-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-user-management"></use>
                </svg>
                <div class="name">user-management</div>
                <div class="code-name">#glyphicon-user-management</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-edit1"></use>
                </svg>
                <div class="name">edit1</div>
                <div class="code-name">#glyphicon-edit1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-skin-fill"></use>
                </svg>
                <div class="name">skin-fill</div>
                <div class="code-name">#glyphicon-skin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-code-fill"></use>
                </svg>
                <div class="name">code-fill</div>
                <div class="code-name">#glyphicon-code-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-web"></use>
                </svg>
                <div class="name">web</div>
                <div class="code-name">#glyphicon-web</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-btn"></use>
                </svg>
                <div class="name">btn</div>
                <div class="code-name">#glyphicon-btn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-send"></use>
                </svg>
                <div class="name">send</div>
                <div class="code-name">#glyphicon-send</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-edit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#glyphicon-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-layout-left-center-right"></use>
                </svg>
                <div class="name">layout-left-center-right</div>
                <div class="code-name">#glyphicon-layout-left-center-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-circle"></use>
                </svg>
                <div class="name">circle</div>
                <div class="code-name">#glyphicon-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-treenode"></use>
                </svg>
                <div class="name">treenode</div>
                <div class="code-name">#glyphicon-treenode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-border-left"></use>
                </svg>
                <div class="name">border-left</div>
                <div class="code-name">#glyphicon-border-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-voice"></use>
                </svg>
                <div class="name">voice</div>
                <div class="code-name">#glyphicon-voice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chart-line"></use>
                </svg>
                <div class="name">chart-line</div>
                <div class="code-name">#glyphicon-chart-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-wrapper"></use>
                </svg>
                <div class="name">wrapper</div>
                <div class="code-name">#glyphicon-wrapper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-data-structure"></use>
                </svg>
                <div class="name">data-structure</div>
                <div class="code-name">#glyphicon-data-structure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-workbench-fill"></use>
                </svg>
                <div class="name">workbench-fill</div>
                <div class="code-name">#glyphicon-workbench-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-download"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#glyphicon-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-user-add"></use>
                </svg>
                <div class="name">user-add</div>
                <div class="code-name">#glyphicon-user-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-container"></use>
                </svg>
                <div class="name">container</div>
                <div class="code-name">#glyphicon-container</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-update"></use>
                </svg>
                <div class="name">update</div>
                <div class="code-name">#glyphicon-update</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chat1"></use>
                </svg>
                <div class="name">chat1</div>
                <div class="code-name">#glyphicon-chat1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-receive"></use>
                </svg>
                <div class="name">receive</div>
                <div class="code-name">#glyphicon-receive</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-examine"></use>
                </svg>
                <div class="name">examine</div>
                <div class="code-name">#glyphicon-examine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-warning"></use>
                </svg>
                <div class="name">warning</div>
                <div class="code-name">#glyphicon-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-collect-fill"></use>
                </svg>
                <div class="name">collect-fill</div>
                <div class="code-name">#glyphicon-collect-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-steps"></use>
                </svg>
                <div class="name">steps</div>
                <div class="code-name">#glyphicon-steps</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-csv"></use>
                </svg>
                <div class="name">csv</div>
                <div class="code-name">#glyphicon-csv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-revisions"></use>
                </svg>
                <div class="name">revisions</div>
                <div class="code-name">#glyphicon-revisions</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-carousel-single"></use>
                </svg>
                <div class="name">carousel-single</div>
                <div class="code-name">#glyphicon-carousel-single</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-row-h"></use>
                </svg>
                <div class="name">row-h</div>
                <div class="code-name">#glyphicon-row-h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-back"></use>
                </svg>
                <div class="name">back</div>
                <div class="code-name">#glyphicon-back</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-voice-fill"></use>
                </svg>
                <div class="name">voice-fill</div>
                <div class="code-name">#glyphicon-voice-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-collect1-fill"></use>
                </svg>
                <div class="name">collect1-fill</div>
                <div class="code-name">#glyphicon-collect1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-user-fill"></use>
                </svg>
                <div class="name">user-fill</div>
                <div class="code-name">#glyphicon-user-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-conference"></use>
                </svg>
                <div class="name">conference</div>
                <div class="code-name">#glyphicon-conference</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-withdraw"></use>
                </svg>
                <div class="name">withdraw</div>
                <div class="code-name">#glyphicon-withdraw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-apex"></use>
                </svg>
                <div class="name">apex</div>
                <div class="code-name">#glyphicon-apex</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-tables-add-subtract"></use>
                </svg>
                <div class="name">tables-add-subtract</div>
                <div class="code-name">#glyphicon-tables-add-subtract</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-desktop"></use>
                </svg>
                <div class="name">desktop</div>
                <div class="code-name">#glyphicon-desktop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-theme"></use>
                </svg>
                <div class="name">theme</div>
                <div class="code-name">#glyphicon-theme</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-data-type"></use>
                </svg>
                <div class="name">data-type</div>
                <div class="code-name">#glyphicon-data-type</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-signal"></use>
                </svg>
                <div class="name">signal</div>
                <div class="code-name">#glyphicon-signal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-calendar-fill"></use>
                </svg>
                <div class="name">calendar-fill</div>
                <div class="code-name">#glyphicon-calendar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-style"></use>
                </svg>
                <div class="name">style</div>
                <div class="code-name">#glyphicon-style</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-delete1-fill"></use>
                </svg>
                <div class="name">delete1-fill</div>
                <div class="code-name">#glyphicon-delete1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-video"></use>
                </svg>
                <div class="name">video</div>
                <div class="code-name">#glyphicon-video</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chat-unread"></use>
                </svg>
                <div class="name">chat-unread</div>
                <div class="code-name">#glyphicon-chat-unread</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-warn"></use>
                </svg>
                <div class="name">warn</div>
                <div class="code-name">#glyphicon-warn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-center-horizontal"></use>
                </svg>
                <div class="name">center-horizontal</div>
                <div class="code-name">#glyphicon-center-horizontal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-Switch2"></use>
                </svg>
                <div class="name">Switch 2</div>
                <div class="code-name">#glyphicon-a-Switch2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-clear2"></use>
                </svg>
                <div class="name">clear2</div>
                <div class="code-name">#glyphicon-clear2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-textright"></use>
                </svg>
                <div class="name">text right</div>
                <div class="code-name">#glyphicon-a-textright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-break"></use>
                </svg>
                <div class="name">break</div>
                <div class="code-name">#glyphicon-break</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-txt"></use>
                </svg>
                <div class="name">txt</div>
                <div class="code-name">#glyphicon-txt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-branch"></use>
                </svg>
                <div class="name">branch</div>
                <div class="code-name">#glyphicon-branch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-word"></use>
                </svg>
                <div class="name">word</div>
                <div class="code-name">#glyphicon-word</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-calendar-month"></use>
                </svg>
                <div class="name">calendar-month</div>
                <div class="code-name">#glyphicon-calendar-month</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-tips2"></use>
                </svg>
                <div class="name">tips 2</div>
                <div class="code-name">#glyphicon-a-tips2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-carousel"></use>
                </svg>
                <div class="name">carousel</div>
                <div class="code-name">#glyphicon-carousel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-warning2"></use>
                </svg>
                <div class="name">warning 2</div>
                <div class="code-name">#glyphicon-a-warning2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-collect"></use>
                </svg>
                <div class="name">collect</div>
                <div class="code-name">#glyphicon-collect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-chart-scatter"></use>
                </svg>
                <div class="name">chart-scatter</div>
                <div class="code-name">#glyphicon-chart-scatter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-fail-fill"></use>
                </svg>
                <div class="name">fail-fill</div>
                <div class="code-name">#glyphicon-fail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-enter"></use>
                </svg>
                <div class="name">enter</div>
                <div class="code-name">#glyphicon-enter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-appoint"></use>
                </svg>
                <div class="name">appoint</div>
                <div class="code-name">#glyphicon-appoint</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-calendar-all"></use>
                </svg>
                <div class="name">calendar-all</div>
                <div class="code-name">#glyphicon-calendar-all</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-Binding-data-sources"></use>
                </svg>
                <div class="name">Binding-data-sources</div>
                <div class="code-name">#glyphicon-Binding-data-sources</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-calendar"></use>
                </svg>
                <div class="name">calendar</div>
                <div class="code-name">#glyphicon-calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-clear1"></use>
                </svg>
                <div class="name">clear1</div>
                <div class="code-name">#glyphicon-clear1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-decline"></use>
                </svg>
                <div class="name">decline</div>
                <div class="code-name">#glyphicon-decline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-data-input"></use>
                </svg>
                <div class="name">data-input</div>
                <div class="code-name">#glyphicon-data-input</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-com_icon_add-page"></use>
                </svg>
                <div class="name">com_icon_add-page</div>
                <div class="code-name">#glyphicon-com_icon_add-page</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-dropdown"></use>
                </svg>
                <div class="name">dropdown</div>
                <div class="code-name">#glyphicon-dropdown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-a-down2"></use>
                </svg>
                <div class="name">down 2</div>
                <div class="code-name">#glyphicon-a-down2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-collect1"></use>
                </svg>
                <div class="name">collect1</div>
                <div class="code-name">#glyphicon-collect1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-customer"></use>
                </svg>
                <div class="name">customer</div>
                <div class="code-name">#glyphicon-customer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#glyphicon-down-arrow"></use>
                </svg>
                <div class="name">down-arrow</div>
                <div class="code-name">#glyphicon-down-arrow</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </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>
