UNPKG

h_ui

Version:

A Vue.js 2.0 UI Components Framework

hui.hundsun.com

4,579 lines • 171 kB
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">

    <style type="text/css">

        @font-face {font-family: "iconfont";
          src: url('iconfont.eot'); /* IE9*/
          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('iconfont.woff') format('woff'), /* chrome, firefox */
          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont">&#xe667;</i>
                    <div class="name">person-stalker</div>
                    <div class="code">&amp;#xe667;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe633;</i>
                    <div class="name">card</div>
                    <div class="code">&amp;#xe633;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe645;</i>
                    <div class="name">code</div>
                    <div class="code">&amp;#xe645;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe665;</i>
                    <div class="name">eye-disabled</div>
                    <div class="code">&amp;#xe665;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe617;</i>
                    <div class="name">chatbubble-working</div>
                    <div class="code">&amp;#xe617;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62f;</i>
                    <div class="name">image</div>
                    <div class="code">&amp;#xe62f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f2;</i>
                    <div class="name">android-contacts</div>
                    <div class="code">&amp;#xe7f2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe84c;</i>
                    <div class="name">android-sunny</div>
                    <div class="code">&amp;#xe84c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f3;</i>
                    <div class="name">android-textsms</div>
                    <div class="code">&amp;#xe7f3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe84d;</i>
                    <div class="name">android-alert</div>
                    <div class="code">&amp;#xe84d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b5;</i>
                    <div class="name">android-bar</div>
                    <div class="code">&amp;#xe7b5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe84e;</i>
                    <div class="name">android-bulb</div>
                    <div class="code">&amp;#xe84e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b9;</i>
                    <div class="name">android-camera</div>
                    <div class="code">&amp;#xe7b9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ba;</i>
                    <div class="name">android-cart</div>
                    <div class="code">&amp;#xe7ba;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe787;</i>
                    <div class="name">android-cloud-outline</div>
                    <div class="code">&amp;#xe787;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7bd;</i>
                    <div class="name">android-document</div>
                    <div class="code">&amp;#xe7bd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe788;</i>
                    <div class="name">android-done</div>
                    <div class="code">&amp;#xe788;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe789;</i>
                    <div class="name">android-done-all</div>
                    <div class="code">&amp;#xe789;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7fb;</i>
                    <div class="name">android-happy</div>
                    <div class="code">&amp;#xe7fb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c0;</i>
                    <div class="name">android-image</div>
                    <div class="code">&amp;#xe7c0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7fc;</i>
                    <div class="name">android-notifications-none</div>
                    <div class="code">&amp;#xe7fc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c9;</i>
                    <div class="name">android-list</div>
                    <div class="code">&amp;#xe7c9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe78b;</i>
                    <div class="name">android-plane</div>
                    <div class="code">&amp;#xe78b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7fd;</i>
                    <div class="name">android-playstore</div>
                    <div class="code">&amp;#xe7fd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ca;</i>
                    <div class="name">android-print</div>
                    <div class="code">&amp;#xe7ca;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7fe;</i>
                    <div class="name">android-sad</div>
                    <div class="code">&amp;#xe7fe;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe78e;</i>
                    <div class="name">android-star</div>
                    <div class="code">&amp;#xe78e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe850;</i>
                    <div class="name">android-warning</div>
                    <div class="code">&amp;#xe850;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b0;</i>
                    <div class="name">chatbubble</div>
                    <div class="code">&amp;#xe7b0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e3;</i>
                    <div class="name">headphone</div>
                    <div class="code">&amp;#xe7e3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe820;</i>
                    <div class="name">pinpoint</div>
                    <div class="code">&amp;#xe820;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe82d;</i>
                    <div class="name">qr-scanner</div>
                    <div class="code">&amp;#xe82d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe83d;</i>
                    <div class="name">skip-backward</div>
                    <div class="code">&amp;#xe83d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe844;</i>
                    <div class="name">speedometer</div>
                    <div class="code">&amp;#xe844;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe84f;</i>
                    <div class="name">tshirt-outline</div>
                    <div class="code">&amp;#xe84f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe85d;</i>
                    <div class="name">wineglass</div>
                    <div class="code">&amp;#xe85d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe862;</i>
                    <div class="name">social-android</div>
                    <div class="code">&amp;#xe862;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe864;</i>
                    <div class="name">social-android-outline</div>
                    <div class="code">&amp;#xe864;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe865;</i>
                    <div class="name">social-angular</div>
                    <div class="code">&amp;#xe865;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe866;</i>
                    <div class="name">social-angular-outline</div>
                    <div class="code">&amp;#xe866;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe869;</i>
                    <div class="name">social-apple</div>
                    <div class="code">&amp;#xe869;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe86a;</i>
                    <div class="name">social-apple-outline</div>
                    <div class="code">&amp;#xe86a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe867;</i>
                    <div class="name">social-buffer</div>
                    <div class="code">&amp;#xe867;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe868;</i>
                    <div class="name">social-buffer-outline</div>
                    <div class="code">&amp;#xe868;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a3;</i>
                    <div class="name">social-chrome</div>
                    <div class="code">&amp;#xe8a3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a4;</i>
                    <div class="name">social-chrome-outline</div>
                    <div class="code">&amp;#xe8a4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe86b;</i>
                    <div class="name">social-css3</div>
                    <div class="code">&amp;#xe86b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe86c;</i>
                    <div class="name">social-css3-outline</div>
                    <div class="code">&amp;#xe86c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe86d;</i>
                    <div class="name">social-dribbble</div>
                    <div class="code">&amp;#xe86d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe86e;</i>
                    <div class="name">social-dribbble-outline</div>
                    <div class="code">&amp;#xe86e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe878;</i>
                    <div class="name">social-dropbox</div>
                    <div class="code">&amp;#xe878;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe87d;</i>
                    <div class="name">social-dropbox-outline</div>
                    <div class="code">&amp;#xe87d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe871;</i>
                    <div class="name">social-facebook</div>
                    <div class="code">&amp;#xe871;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe872;</i>
                    <div class="name">social-facebook-outline</div>
                    <div class="code">&amp;#xe872;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe876;</i>
                    <div class="name">social-google-outline</div>
                    <div class="code">&amp;#xe876;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe87e;</i>
                    <div class="name">social-html5</div>
                    <div class="code">&amp;#xe87e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe87f;</i>
                    <div class="name">social-html5-outline</div>
                    <div class="code">&amp;#xe87f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe87b;</i>
                    <div class="name">social-instagram</div>
                    <div class="code">&amp;#xe87b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe87c;</i>
                    <div class="name">social-instagram-outline</div>
                    <div class="code">&amp;#xe87c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe880;</i>
                    <div class="name">social-javascript</div>
                    <div class="code">&amp;#xe880;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe882;</i>
                    <div class="name">social-javascript-outline</div>
                    <div class="code">&amp;#xe882;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe88c;</i>
                    <div class="name">social-linkedin</div>
                    <div class="code">&amp;#xe88c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe898;</i>
                    <div class="name">social-linkedin-outline</div>
                    <div class="code">&amp;#xe898;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a6;</i>
                    <div class="name">social-markdown</div>
                    <div class="code">&amp;#xe8a6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a7;</i>
                    <div class="name">social-nodejs</div>
                    <div class="code">&amp;#xe8a7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe881;</i>
                    <div class="name">social-pinterest</div>
                    <div class="code">&amp;#xe881;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe883;</i>
                    <div class="name">social-rss</div>
                    <div class="code">&amp;#xe883;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe886;</i>
                    <div class="name">social-rss-outline</div>
                    <div class="code">&amp;#xe886;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe88a;</i>
                    <div class="name">social-skype</div>
                    <div class="code">&amp;#xe88a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe88b;</i>
                    <div class="name">social-skype-outline</div>
                    <div class="code">&amp;#xe88b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe887;</i>
                    <div class="name">social-twitter</div>
                    <div class="code">&amp;#xe887;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe889;</i>
                    <div class="name">social-twitter-outline</div>
                    <div class="code">&amp;#xe889;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a8;</i>
                    <div class="name">social-usd</div>
                    <div class="code">&amp;#xe8a8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ad;</i>
                    <div class="name">social-usd-outline</div>
                    <div class="code">&amp;#xe8ad;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe89a;</i>
                    <div class="name">social-vimeo</div>
                    <div class="code">&amp;#xe89a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe89c;</i>
                    <div class="name">social-vimeo-outline</div>
                    <div class="code">&amp;#xe89c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe88f;</i>
                    <div class="name">social-whatsapp</div>
                    <div class="code">&amp;#xe88f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe891;</i>
                    <div class="name">social-whatsapp-outline</div>
                    <div class="code">&amp;#xe891;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe89e;</i>
                    <div class="name">social-windows</div>
                    <div class="code">&amp;#xe89e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a0;</i>
                    <div class="name">social-windows-outline</div>
                    <div class="code">&amp;#xe8a0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe895;</i>
                    <div class="name">social-wordpress</div>
                    <div class="code">&amp;#xe895;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe897;</i>
                    <div class="name">social-wordpress-outline</div>
                    <div class="code">&amp;#xe897;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ae;</i>
                    <div class="name">social-yen</div>
                    <div class="code">&amp;#xe8ae;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8af;</i>
                    <div class="name">social-yen-outline</div>
                    <div class="code">&amp;#xe8af;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a1;</i>
                    <div class="name">social-youtube</div>
                    <div class="code">&amp;#xe8a1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a2;</i>
                    <div class="name">social-youtube-outline</div>
                    <div class="code">&amp;#xe8a2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe790;</i>
                    <div class="name">android-download</div>
                    <div class="code">&amp;#xe790;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe630;</i>
                    <div class="name">coffee</div>
                    <div class="code">&amp;#xe630;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d7;</i>
                    <div class="name">ios-bell</div>
                    <div class="code">&amp;#xe6d7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66b;</i>
                    <div class="name">ios-home</div>
                    <div class="code">&amp;#xe66b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe791;</i>
                    <div class="name">ios-lightbulb</div>
                    <div class="code">&amp;#xe791;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe670;</i>
                    <div class="name">ribbon-b</div>
                    <div class="code">&amp;#xe670;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe795;</i>
                    <div class="name">android-close</div>
                    <div class="code">&amp;#xe795;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe796;</i>
                    <div class="name">android-arrow-back</div>
                    <div class="code">&amp;#xe796;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ff;</i>
                    <div class="name">android-exit</div>
                    <div class="code">&amp;#xe7ff;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe631;</i>
                    <div class="name">battery-charging</div>
                    <div class="code">&amp;#xe631;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe800;</i>
                    <div class="name">android-lock</div>
                    <div class="code">&amp;#xe800;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe803;</i>
                    <div class="name">android-chat</div>
                    <div class="code">&amp;#xe803;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe797;</i>
                    <div class="name">android-checkbox-outline-blank</div>
                    <div class="code">&amp;#xe797;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe798;</i>
                    <div class="name">android-navigate</div>
                    <div class="code">&amp;#xe798;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ce;</i>
                    <div class="name">android-restaurant</div>
                    <div class="code">&amp;#xe7ce;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe799;</i>
                    <div class="name">android-star-outline</div>
                    <div class="code">&amp;#xe799;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe79a;</i>
                    <div class="name">android-sync</div>
                    <div class="code">&amp;#xe79a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe804;</i>
                    <div class="name">android-volume-down</div>
                    <div class="code">&amp;#xe804;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe806;</i>
                    <div class="name">laptop</div>
                    <div class="code">&amp;#xe806;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe812;</i>
                    <div class="name">mic-c</div>
                    <div class="code">&amp;#xe812;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe824;</i>
                    <div class="name">person-add</div>
                    <div class="code">&amp;#xe824;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe843;</i>
                    <div class="name">pricetags</div>
                    <div class="code">&amp;#xe843;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe842;</i>
                    <div class="name">printer</div>
                    <div class="code">&amp;#xe842;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8b7;</i>
                    <div class="name">social-yahoo</div>
                    <div class="code">&amp;#xe8b7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8c7;</i>
                    <div class="name">thumbsdown</div>
                    <div class="code">&amp;#xe8c7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe805;</i>
                    <div class="name">android-desktop</div>
                    <div class="code">&amp;#xe805;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d2;</i>
                    <div class="name">android-film</div>
                    <div class="code">&amp;#xe7d2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe808;</i>
                    <div class="name">android-globe</div>
                    <div class="code">&amp;#xe808;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d3;</i>
                    <div class="name">android-mail</div>
                    <div class="code">&amp;#xe7d3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d5;</i>
                    <div class="name">android-open</div>
                    <div class="code">&amp;#xe7d5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a9;</i>
                    <div class="name">android-options</div>
                    <div class="code">&amp;#xe7a9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe809;</i>
                    <div class="name">android-person-add</div>
                    <div class="code">&amp;#xe809;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe851;</i>
                    <div class="name">android-phone-landscape</div>
                    <div class="code">&amp;#xe851;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d4;</i>
                    <div class="name">compass</div>
                    <div class="code">&amp;#xe6d4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7aa;</i>
                    <div class="name">flash</div>
                    <div class="code">&amp;#xe7aa;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe834;</i>
                    <div class="name">merge</div>
                    <div class="code">&amp;#xe834;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe841;</i>
                    <div class="name">mouse</div>
                    <div class="code">&amp;#xe841;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8b5;</i>
                    <div class="name">social-codepen</div>
                    <div class="code">&amp;#xe8b5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe893;</i>
                    <div class="name">social-googleplus</div>
                    <div class="code">&amp;#xe893;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e1;</i>
                    <div class="name">unlocked</div>
                    <div class="code">&amp;#xe8e1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e4;</i>
                    <div class="name">videocamera</div>
                    <div class="code">&amp;#xe8e4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe604;</i>
                    <div class="name">man</div>
                    <div class="code">&amp;#xe604;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe9f7;</i>
                    <div class="name">bug</div>
                    <div class="code">&amp;#xe9f7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d1;</i>
                    <div class="name">android-arrow-down</div>
                    <div class="code">&amp;#xe7d1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60d;</i>
                    <div class="name">iphone</div>
                    <div class="code">&amp;#xe60d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d6;</i>
                    <div class="name">android-checkbox</div>
                    <div class="code">&amp;#xe7d6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d9;</i>
                    <div class="name">android-create</div>
                    <div class="code">&amp;#xe7d9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7da;</i>
                    <div class="name">android-delete</div>
                    <div class="code">&amp;#xe7da;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe80a;</i>
                    <div class="name">android-expand</div>
                    <div class="code">&amp;#xe80a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7dc;</i>
                    <div class="name">android-favorite-outline</div>
                    <div class="code">&amp;#xe7dc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7dd;</i>
                    <div class="name">android-locate</div>
                    <div class="code">&amp;#xe7dd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7de;</i>
                    <div class="name">android-more-vertical</div>
                    <div class="code">&amp;#xe7de;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe80e;</i>
                    <div class="name">android-people</div>
                    <div class="code">&amp;#xe80e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7df;</i>
                    <div class="name">android-send</div>
                    <div class="code">&amp;#xe7df;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e0;</i>
                    <div class="name">android-share</div>
                    <div class="code">&amp;#xe7e0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e4;</i>
                    <div class="name">android-watch</div>
                    <div class="code">&amp;#xe7e4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e5;</i>
                    <div class="name">at</div>
                    <div class="code">&amp;#xe7e5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e7;</i>
                    <div class="name">bag</div>
                    <div class="code">&amp;#xe7e7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e8;</i>
                    <div class="name">battery-empty</div>
                    <div class="code">&amp;#xe7e8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ea;</i>
                    <div class="name">battery-low</div>
                    <div class="code">&amp;#xe7ea;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ed;</i>
                    <div class="name">beer</div>
                    <div class="code">&amp;#xe7ed;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ef;</i>
                    <div class="name">bowtie</div>
                    <div class="code">&amp;#xe7ef;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f0;</i>
                    <div class="name">cash</div>
                    <div class="code">&amp;#xe7f0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f5;</i>
                    <div class="name">code-working</div>
                    <div class="code">&amp;#xe7f5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f6;</i>
                    <div class="name">connection-bars</div>
                    <div class="code">&amp;#xe7f6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f8;</i>
                    <div class="name">cube</div>
                    <div class="code">&amp;#xe7f8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7fa;</i>
                    <div class="name">eject</div>
                    <div class="code">&amp;#xe7fa;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe802;</i>
                    <div class="name">flash-off</div>
                    <div class="code">&amp;#xe802;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe807;</i>
                    <div class="name">grid</div>
                    <div class="code">&amp;#xe807;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe88e;</i>
                    <div class="name">leaf</div>
                    <div class="code">&amp;#xe88e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe894;</i>
                    <div class="name">load-c</div>
                    <div class="code">&amp;#xe894;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8b2;</i>
                    <div class="name">nuclear</div>
                    <div class="code">&amp;#xe8b2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8bb;</i>
                    <div class="name">person</div>
                    <div class="code">&amp;#xe8bb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe901;</i>
                    <div class="name">social-googleplus-outline</div>
                    <div class="code">&amp;#xe901;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe920;</i>
                    <div class="name">social-twitch</div>
                    <div class="code">&amp;#xe920;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe935;</i>
                    <div class="name">speakerphone</div>
                    <div class="code">&amp;#xe935;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe93e;</i>
                    <div class="name">thumbsup</div>
                    <div class="code">&amp;#xe93e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe94d;</i>
                    <div class="name">volume-high</div>
                    <div class="code">&amp;#xe94d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe784;</i>
                    <div class="name">wifi</div>
                    <div class="code">&amp;#xe784;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62c;</i>
                    <div class="name">quit</div>
                    <div class="code">&amp;#xe62c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe853;</i>
                    <div class="name">social-github</div>
                    <div class="code">&amp;#xe853;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xea04;</i>
                    <div class="name">playstation</div>
                    <div class="code">&amp;#xea04;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67a;</i>
                    <div class="name">ios-albums</div>
                    <div class="code">&amp;#xe67a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6da;</i>
                    <div class="name">ios-baseball-outline</div>
                    <div class="code">&amp;#xe6da;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a6;</i>
                    <div class="name">stop</div>
                    <div class="code">&amp;#xe6a6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe81f;</i>
                    <div class="name">android-add</div>
                    <div class="code">&amp;#xe81f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe821;</i>
                    <div class="name">android-bus</div>
                    <div class="code">&amp;#xe821;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe822;</i>
                    <div class="name">android-cancel</div>
                    <div class="code">&amp;#xe822;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe823;</i>
                    <div class="name">android-checkbox-outline</div>
                    <div class="code">&amp;#xe823;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe825;</i>
                    <div class="name">android-contact</div>
                    <div class="code">&amp;#xe825;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe826;</i>
                    <div class="name">android-contract</div>
                    <div class="code">&amp;#xe826;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe827;</i>
                    <div class="name">android-folder</div>
                    <div class="code">&amp;#xe827;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe854;</i>
                    <div class="name">android-laptop</div>
                    <div class="code">&amp;#xe854;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe828;</i>
                    <div class="name">android-menu</div>
                    <div class="code">&amp;#xe828;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe829;</i>
                    <div class="name">android-microphone-off</div>
                    <div class="code">&amp;#xe829;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe82a;</i>
                    <div class="name">android-person</div>
                    <div class="code">&amp;#xe82a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe82b;</i>
                    <div class="name">android-settings</div>
                    <div class="code">&amp;#xe82b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe82c;</i>
                    <div class="name">android-star-half</div>
                    <div class="code">&amp;#xe82c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe82e;</i>
                    <div class="name">android-time</div>
                    <div class="code">&amp;#xe82e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe82f;</i>
                    <div class="name">android-stopwatch</div>
                    <div class="code">&amp;#xe82f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe830;</i>
                    <div class="name">android-volume-off</div>
                    <div class="code">&amp;#xe830;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a5;</i>
                    <div class="name">aperture</div>
                    <div class="code">&amp;#xe6a5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe833;</i>
                    <div class="name">flame</div>
                    <div class="code">&amp;#xe833;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe837;</i>
                    <div class="name">ios-basketball</div>
                    <div class="code">&amp;#xe837;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe831;</i>
                    <div class="name">ios-skipforward-outline</div>
                    <div class="code">&amp;#xe831;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe86f;</i>
                    <div class="name">no-smoking</div>
                    <div class="code">&amp;#xe86f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe874;</i>
                    <div class="name">paintbucket</div>
                    <div class="code">&amp;#xe874;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8c8;</i>
                    <div class="name">social-pinterest-outline</div>
                    <div class="code">&amp;#xe8c8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8c9;</i>
                    <div class="name">social-python</div>
                    <div class="code">&amp;#xe8c9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d3;</i>
                    <div class="name">social-tumblr-outline</div>
                    <div class="code">&amp;#xe8d3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe97f;</i>
                    <div class="name">xbox</div>
                    <div class="code">&amp;#xe97f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe84b;</i>
                    <div class="name">android-calendar</div>
                    <div class="code">&amp;#xe84b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe855;</i>
                    <div class="name">android-color-palette</div>
                    <div class="code">&amp;#xe855;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe856;</i>
                    <div class="name">android-compass</div>
                    <div class="code">&amp;#xe856;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe857;</i>
                    <div class="name">android-pin</div>
                    <div class="code">&amp;#xe857;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe858;</i>
                    <div class="name">android-remove</div>
                    <div class="code">&amp;#xe858;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe885;</i>
                    <div class="name">ipod</div>
                    <div class="code">&amp;#xe885;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe88d;</i>
                    <div class="name">ribbon-a</div>
                    <div class="code">&amp;#xe88d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8b9;</i>
                    <div class="name">social-bitcoin</div>
                    <div class="code">&amp;#xe8b9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8bc;</i>
                    <div class="name">social-euro</div>
                    <div class="code">&amp;#xe8bc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8bd;</i>
                    <div class="name">social-euro-outline</div>
                    <div class="code">&amp;#xe8bd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d8;</i>
                    <div class="name">waterdrop</div>
                    <div class="code">&amp;#xe8d8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe896;</i>
                    <div class="name">android-bookmark</div>
                    <div class="code">&amp;#xe896;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe89b;</i>
                    <div class="name">android-car</div>
                    <div class="code">&amp;#xe89b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a4;</i>
                    <div class="name">arrow-graph-up-right</div>
                    <div class="code">&amp;#xe6a4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a9;</i>
                    <div class="name">film-marker</div>
                    <div class="code">&amp;#xe8a9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ac;</i>
                    <div class="name">happy</div>
                    <div class="code">&amp;#xe8ac;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8b1;</i>
                    <div class="name">ios-arrow-right</div>
                    <div class="code">&amp;#xe8b1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8be;</i>
                    <div class="name">ios-arrow-up</div>
                    <div class="code">&amp;#xe8be;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8bf;</i>
                    <div class="name">ios-bookmarks</div>
                    <div class="code">&amp;#xe8bf;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8c1;</i>
                    <div class="name">ios-compose-outline</div>
                    <div class="code">&amp;#xe8c1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8c5;</i>
                    <div class="name">ios-minus</div>
                    <div class="code">&amp;#xe8c5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8c6;</i>
                    <div class="name">ios-monitor-outline</div>
                    <div class="code">&amp;#xe8c6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ca;</i>
                    <div class="name">ios-musical-note</div>
                    <div class="code">&amp;#xe8ca;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8cb;</i>
                    <div class="name">ios-navigate-outline</div>
                    <div class="code">&amp;#xe8cb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ce;</i>
                    <div class="name">ios-stopwatch</div>
                    <div class="code">&amp;#xe8ce;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8cf;</i>
                    <div class="name">ios-volume-high</div>
                    <div class="code">&amp;#xe8cf;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d0;</i>
                    <div class="name">ios-world</div>
                    <div class="code">&amp;#xe8d0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d1;</i>
                    <div class="name">jet</div>
                    <div class="code">&amp;#xe8d1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d2;</i>
                    <div class="name">knife</div>
                    <div class="code">&amp;#xe8d2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d4;</i>
                    <div class="name">magnet</div>
                    <div class="code">&amp;#xe8d4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d5;</i>
                    <div class="name">paintbrush</div>
                    <div class="code">&amp;#xe8d5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d6;</i>
                    <div class="name">radio-waves</div>
                    <div class="code">&amp;#xe8d6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d7;</i>
                    <div class="name">sad</div>
                    <div class="code">&amp;#xe8d7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8d9;</i>
                    <div class="name">sad-outline</div>
                    <div class="code">&amp;#xe8d9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8db;</i>
                    <div class="name">tshirt</div>
                    <div class="code">&amp;#xe8db;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8dc;</i>
                    <div class="name">university</div>
                    <div class="code">&amp;#xe8dc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a7;</i>
                    <div class="name">earth</div>
                    <div class="code">&amp;#xe6a7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b1;</i>
                    <div class="name">error</div>
                    <div class="code">&amp;#xe6b1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b6;</i>
                    <div class="name">help</div>
                    <div class="code">&amp;#xe6b6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe608;</i>
                    <div class="name">pause</div>
                    <div class="code">&amp;#xe608;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe601;</i>
                    <div class="name">upload</div>
                    <div class="code">&amp;#xe601;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c2;</i>
                    <div class="name">ios-copy-outline</div>
                    <div class="code">&amp;#xe6c2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8dd;</i>
                    <div class="name">plane</div>
                    <div class="code">&amp;#xe8dd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8de;</i>
                    <div class="name">power</div>
                    <div class="code">&amp;#xe8de;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8df;</i>
                    <div class="name">wand</div>
                    <div class="code">&amp;#xe8df;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e0;</i>
                    <div class="name">woman</div>
                    <div class="code">&amp;#xe8e0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c7;</i>
                    <div class="name">chatbubbles</div>
                    <div class="code">&amp;#xe6c7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e2;</i>
                    <div class="name">female</div>
                    <div class="code">&amp;#xe8e2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e3;</i>
                    <div class="name">ios-heart</div>
                    <div class="code">&amp;#xe8e3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e5;</i>
                    <div class="name">ios-keypad-outline</div>
                    <div class="code">&amp;#xe8e5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e6;</i>
                    <div class="name">ios-keypad</div>
                    <div class="code">&amp;#xe8e6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e8;</i>
                    <div class="name">ios-time</div>
                    <div class="code">&amp;#xe8e8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8e9;</i>
                    <div class="name">android-search</div>
                    <div class="code">&amp;#xe8e9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ea;</i>
                    <div class="name">android-arrow-dropup</div>
                    <div class="code">&amp;#xe8ea;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8eb;</i>
                    <div class="name">android-call</div>
                    <div class="code">&amp;#xe8eb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ec;</i>
                    <div class="name">android-clipboard</div>
                    <div class="code">&amp;#xe8ec;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ed;</i>
                    <div class="name">android-drafts</div>
                    <div class="code">&amp;#xe8ed;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ee;</i>
                    <div class="name">android-favorite</div>
                    <div class="code">&amp;#xe8ee;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8ef;</i>
                    <div class="name">android-home</div>
                    <div class="code">&amp;#xe8ef;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8f2;</i>
                    <div class="name">android-wifi</div>
                    <div class="code">&amp;#xe8f2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8f3;</i>
                    <div class="name">android-walk</div>
                    <div class="code">&amp;#xe8f3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8f4;</i>
                    <div class="name">calculator</div>
                    <div class="code">&amp;#xe8f4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8f5;</i>
                    <div class="name">chatbox-working</div>
                    <div class="code">&amp;#xe8f5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8f6;</i>
                    <div class="name">egg</div>
                    <div class="code">&amp;#xe8f6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8f7;</i>
                    <div class="name">ios-bell-outline</div>
                    <div class="code">&amp;#xe8f7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8f8;</i>
                    <div class="name">ios-calendar-outline</div>
                    <div class="code">&amp;#xe8f8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8f9;</i>
                    <div class="name">ios-compose</div>
                    <div class="code">&amp;#xe8f9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8fc;</i>
                    <div class="name">ios-grid-view</div>
                    <div class="code">&amp;#xe8fc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe900;</i>
                    <div class="name">ios-more</div>
                    <div class="code">&amp;#xe900;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe902;</i>
                    <div class="name">ios-musical-notes</div>
                    <div class="code">&amp;#xe902;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe903;</i>
                    <div class="name">ios-person-outline</div>
                    <div class="code">&amp;#xe903;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe904;</i>
                    <div class="name">ios-pricetags</div>
                    <div class="code">&amp;#xe904;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe905;</i>
                    <div class="name">ios-sunny-outline</div>
                    <div class="code">&amp;#xe905;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe906;</i>
                    <div class="name">key</div>
                    <div class="code">&amp;#xe906;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe907;</i>
                    <div class="name">planet</div>
                    <div class="code">&amp;#xe907;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe908;</i>
                    <div class="name">pull-request</div>
                    <div class="code">&amp;#xe908;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe90b;</i>
                    <div class="name">stats-bars</div>
                    <div class="code">&amp;#xe90b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe90c;</i>
                    <div class="name">steam</div>
                    <div class="code">&amp;#xe90c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe90d;</i>
                    <div class="name">umbrella</div>
                    <div class="code">&amp;#xe90d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe90e;</i>
                    <div class="name">volume-low</div>
                    <div class="code">&amp;#xe90e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6dd;</i>
                    <div class="name">accessory</div>
                    <div class="code">&amp;#xe6dd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6de;</i>
                    <div class="name">activity</div>
                    <div class="code">&amp;#xe6de;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6df;</i>
                    <div class="name">activity_fill</div>
                    <div class="code">&amp;#xe6df;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e0;</i>
                    <div class="name">add</div>
                    <div class="code">&amp;#xe6e0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e1;</i>
                    <div class="name">addition_fill</div>
                    <div class="code">&amp;#xe6e1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e2;</i>
                    <div class="name">addition</div>
                    <div class="code">&amp;#xe6e2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e3;</i>
                    <div class="name">addpeople_fill</div>
                    <div class="code">&amp;#xe6e3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e4;</i>
                    <div class="name">addpeople</div>
                    <div class="code">&amp;#xe6e4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e5;</i>
                    <div class="name">addressbook_fill</div>
                    <div class="code">&amp;#xe6e5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e6;</i>
                    <div class="name">addressbook</div>
                    <div class="code">&amp;#xe6e6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e7;</i>
                    <div class="name">barrage_fill</div>
                    <div class="code">&amp;#xe6e7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e8;</i>
                    <div class="name">barrage</div>
                    <div class="code">&amp;#xe6e8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e9;</i>
                    <div class="name">browse_fill</div>
                    <div class="code">&amp;#xe6e9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ea;</i>
                    <div class="name">browse</div>
                    <div class="code">&amp;#xe6ea;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6eb;</i>
                    <div class="name">brush</div>
                    <div class="code">&amp;#xe6eb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ec;</i>
                    <div class="name">brush_fill</div>
                    <div class="code">&amp;#xe6ec;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe76e;</i>
                    <div class="name">businesscard_fill</div>
                    <div class="code">&amp;#xe76e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe76f;</i>
                    <div class="name">businesscard</div>
                    <div class="code">&amp;#xe76f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ed;</i>
                    <div class="name">camera_fill</div>
                    <div class="code">&amp;#xe6ed;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ee;</i>
                    <div class="name">camera</div>
                    <div class="code">&amp;#xe6ee;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe77f;</i>
                    <div class="name">clock_fill</div>
                    <div class="code">&amp;#xe77f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe780;</i>
                    <div class="name">clock</div>
                    <div class="code">&amp;#xe780;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ef;</i>
                    <div class="name">close</div>
                    <div class="code">&amp;#xe6ef;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f0;</i>
                    <div class="name">collection_fill</div>
                    <div class="code">&amp;#xe6f0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f1;</i>
                    <div class="name">collection</div>
                    <div class="code">&amp;#xe6f1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f2;</i>
                    <div class="name">computer_fill</div>
                    <div class="code">&amp;#xe6f2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f3;</i>
                    <div class="name">computer</div>
                    <div class="code">&amp;#xe6f3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f4;</i>
                    <div class="name">coordinates_fill</div>
                    <div class="code">&amp;#xe6f4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f5;</i>
                    <div class="name">coordinates</div>
                    <div class="code">&amp;#xe6f5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe776;</i>
                    <div class="name">coupons_fill</div>
                    <div class="code">&amp;#xe776;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe78f;</i>
                    <div class="name">coupons</div>
                    <div class="code">&amp;#xe78f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f6;</i>
                    <div class="name">createtask_fill</div>
                    <div class="code">&amp;#xe6f6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f7;</i>
                    <div class="name">createtask</div>
                    <div class="code">&amp;#xe6f7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe792;</i>
                    <div class="name">customerservice_fill</div>
                    <div class="code">&amp;#xe792;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f8;</i>
                    <div class="name">delete_fill</div>
                    <div class="code">&amp;#xe6f8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f9;</i>
                    <div class="name">delete</div>
                    <div class="code">&amp;#xe6f9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fa;</i>
                    <div class="name">document</div>
                    <div class="code">&amp;#xe6fa;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fb;</i>
                    <div class="name">document_fill</div>
                    <div class="code">&amp;#xe6fb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fc;</i>
                    <div class="name">dynamic_fill</div>
                    <div class="code">&amp;#xe6fc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fd;</i>
                    <div class="name">dynamic</div>
                    <div class="code">&amp;#xe6fd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fe;</i>
                    <div class="name">editor</div>
                    <div class="code">&amp;#xe6fe;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ff;</i>
                    <div class="name">eit</div>
                    <div class="code">&amp;#xe6ff;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe700;</i>
                    <div class="name">emoji_fill</div>
                    <div class="code">&amp;#xe700;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe701;</i>
                    <div class="name">emoji</div>
                    <div class="code">&amp;#xe701;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe702;</i>
                    <div class="name">empty</div>
                    <div class="code">&amp;#xe702;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe703;</i>
                    <div class="name">empty_fill</div>
                    <div class="code">&amp;#xe703;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe704;</i>
                    <div class="name">enter</div>
                    <div class="code">&amp;#xe704;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe705;</i>
                    <div class="name">enterinto</div>
                    <div class="code">&amp;#xe705;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe706;</i>
                    <div class="name">enterinto_fill</div>
                    <div class="code">&amp;#xe706;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe707;</i>
                    <div class="name">feedback_fill</div>
                    <div class="code">&amp;#xe707;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe708;</i>
                    <div class="name">feedback</div>
                    <div class="code">&amp;#xe708;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe77b;</i>
                    <div class="name">flag_fill</div>
                    <div class="code">&amp;#xe77b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe77c;</i>
                    <div class="name">flag</div>
                    <div class="code">&amp;#xe77c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe77d;</i>
                    <div class="name">flashlight</div>
                    <div class="code">&amp;#xe77d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe77e;</i>
                    <div class="name">flashlight_fill</div>
                    <div class="code">&amp;#xe77e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ae;</i>
                    <div class="name">flip</div>
                    <div class="code">&amp;#xe7ae;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7af;</i>
                    <div class="name">flip_fill</div>
                    <div class="code">&amp;#xe7af;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe709;</i>
                    <div class="name">fullscreen</div>
                    <div class="code">&amp;#xe709;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe70a;</i>
                    <div class="name">group</div>
                    <div class="code">&amp;#xe70a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe70b;</i>
                    <div class="name">group_fill</div>
                    <div class="code">&amp;#xe70b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe781;</i>
                    <div class="name">headlines_fill</div>
                    <div class="code">&amp;#xe781;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe782;</i>
                    <div class="name">headlines</div>
                    <div class="code">&amp;#xe782;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe783;</i>
                    <div class="name">homepage_fill</div>
                    <div class="code">&amp;#xe783;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe70c;</i>
                    <div class="name">homepage</div>
                    <div class="code">&amp;#xe70c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b7;</i>
                    <div class="name">integral_fill</div>
                    <div class="code">&amp;#xe7b7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b8;</i>
                    <div class="name">integral</div>
                    <div class="code">&amp;#xe7b8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe70d;</i>
                    <div class="name">interactive_fill</div>
                    <div class="code">&amp;#xe70d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe70e;</i>
                    <div class="name">interactive</div>
                    <div class="code">&amp;#xe70e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe70f;</i>
                    <div class="name">keyboard</div>
                    <div class="code">&amp;#xe70f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe710;</i>
                    <div class="name">label</div>
                    <div class="code">&amp;#xe710;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe711;</i>
                    <div class="name">label_fill</div>
                    <div class="code">&amp;#xe711;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe712;</i>
                    <div class="name">like_fill</div>
                    <div class="code">&amp;#xe712;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe713;</i>
                    <div class="name">like</div>
                    <div class="code">&amp;#xe713;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe714;</i>
                    <div class="name">live_fill</div>
                    <div class="code">&amp;#xe714;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe715;</i>
                    <div class="name">live</div>
                    <div class="code">&amp;#xe715;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe716;</i>
                    <div class="name">lock_fill</div>
                    <div class="code">&amp;#xe716;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe717;</i>
                    <div class="name">lock</div>
                    <div class="code">&amp;#xe717;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe718;</i>
                    <div class="name">mail</div>
                    <div class="code">&amp;#xe718;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe719;</i>
                    <div class="name">mail_fill</div>
                    <div class="code">&amp;#xe719;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c6;</i>
                    <div class="name">manage_fill</div>
                    <div class="code">&amp;#xe7c6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c7;</i>
                    <div class="name">manage</div>
                    <div class="code">&amp;#xe7c7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe71a;</i>
                    <div class="name">message</div>
                    <div class="code">&amp;#xe71a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe71b;</i>
                    <div class="name">message_fill</div>
                    <div class="code">&amp;#xe71b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe71c;</i>
                    <div class="name">mine</div>
                    <div class="code">&amp;#xe71c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe71d;</i>
                    <div class="name">mine_fill</div>
                    <div class="code">&amp;#xe71d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe71e;</i>
                    <div class="name">mobilephone_fill</div>
                    <div class="code">&amp;#xe71e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe71f;</i>
                    <div class="name">mobilephone</div>
                    <div class="code">&amp;#xe71f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe720;</i>
                    <div class="name">more</div>
                    <div class="code">&amp;#xe720;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe721;</i>
                    <div class="name">narrow</div>
                    <div class="code">&amp;#xe721;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe722;</i>
                    <div class="name">offline_fill</div>
                    <div class="code">&amp;#xe722;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe723;</i>
                    <div class="name">offline</div>
                    <div class="code">&amp;#xe723;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe724;</i>
                    <div class="name">order_fill</div>
                    <div class="code">&amp;#xe724;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe725;</i>
                    <div class="name">order</div>
                    <div class="code">&amp;#xe725;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe726;</i>
                    <div class="name">other</div>
                    <div class="code">&amp;#xe726;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe727;</i>
                    <div class="name">people_fill</div>
                    <div class="code">&amp;#xe727;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe728;</i>
                    <div class="name">people</div>
                    <div class="code">&amp;#xe728;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d7;</i>
                    <div class="name">picture_fill</div>
                    <div class="code">&amp;#xe7d7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d8;</i>
                    <div class="name">picture</div>
                    <div class="code">&amp;#xe7d8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe729;</i>
                    <div class="name">play</div>
                    <div class="code">&amp;#xe729;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe72a;</i>
                    <div class="name">play_fill</div>
                    <div class="code">&amp;#xe72a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7db;</i>
                    <div class="name">playon_fill</div>
                    <div class="code">&amp;#xe7db;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe72b;</i>
                    <div class="name">playon</div>
                    <div class="code">&amp;#xe72b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe72c;</i>
                    <div class="name">praise_fill</div>
                    <div class="code">&amp;#xe72c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe72d;</i>
                    <div class="name">praise</div>
                    <div class="code">&amp;#xe72d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe72e;</i>
                    <div class="name">prompt_fill</div>
                    <div class="code">&amp;#xe72e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe72f;</i>
                    <div class="name">prompt</div>
                    <div class="code">&amp;#xe72f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e1;</i>
                    <div class="name">qrcode_fill</div>
                    <div class="code">&amp;#xe7e1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e2;</i>
                    <div class="name">qrcode</div>
                    <div class="code">&amp;#xe7e2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe78c;</i>
                    <div class="name">redpacket_fill</div>
                    <div class="code">&amp;#xe78c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe78d;</i>
                    <div class="name">redpacket</div>
                    <div class="code">&amp;#xe78d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe730;</i>
                    <div class="name">refresh</div>
                    <div class="code">&amp;#xe730;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe731;</i>
                    <div class="name">remind_fill</div>
                    <div class="code">&amp;#xe731;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe732;</i>
                    <div class="name">remind</div>
                    <div class="code">&amp;#xe732;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe733;</i>
                    <div class="name">return</div>
                    <div class="code">&amp;#xe733;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe734;</i>
                    <div class="name">right</div>
                    <div class="code">&amp;#xe734;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe735;</i>
                    <div class="name">scan</div>
                    <div class="code">&amp;#xe735;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7eb;</i>
                    <div class="name">select_fill</div>
                    <div class="code">&amp;#xe7eb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ec;</i>
                    <div class="name">select</div>
                    <div class="code">&amp;#xe7ec;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe736;</i>
                    <div class="name">send</div>
                    <div class="code">&amp;#xe736;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe737;</i>
                    <div class="name">service_fill</div>
                    <div class="code">&amp;#xe737;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe738;</i>
                    <div class="name">service</div>
                    <div class="code">&amp;#xe738;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe739;</i>
                    <div class="name">setup_fill</div>
                    <div class="code">&amp;#xe739;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe73a;</i>
                    <div class="name">setup</div>
                    <div class="code">&amp;#xe73a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe73b;</i>
                    <div class="name">share_fill</div>
                    <div class="code">&amp;#xe73b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe73c;</i>
                    <div class="name">share</div>
                    <div class="code">&amp;#xe73c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe73d;</i>
                    <div class="name">shielding_fill</div>
                    <div class="code">&amp;#xe73d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe73e;</i>
                    <div class="name">shielding</div>
                    <div class="code">&amp;#xe73e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe73f;</i>
                    <div class="name">smallscreen_fill</div>
                    <div class="code">&amp;#xe73f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe740;</i>
                    <div class="name">smallscreen</div>
                    <div class="code">&amp;#xe740;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe741;</i>
                    <div class="name">stealth_fill</div>
                    <div class="code">&amp;#xe741;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe742;</i>
                    <div class="name">stealth</div>
                    <div class="code">&amp;#xe742;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe743;</i>
                    <div class="name">success_fill</div>
                    <div class="code">&amp;#xe743;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe744;</i>
                    <div class="name">success</div>
                    <div class="code">&amp;#xe744;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe745;</i>
                    <div class="name">suspend</div>
                    <div class="code">&amp;#xe745;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe746;</i>
                    <div class="name">switch</div>
                    <div class="code">&amp;#xe746;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe747;</i>
                    <div class="name">systemprompt_fill</div>
                    <div class="code">&amp;#xe747;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe748;</i>
                    <div class="name">systemprompt</div>
                    <div class="code">&amp;#xe748;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe749;</i>
                    <div class="name">tailor</div>
                    <div class="code">&amp;#xe749;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe74a;</i>
                    <div class="name">task</div>
                    <div class="code">&amp;#xe74a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe74b;</i>
                    <div class="name">task_fill</div>
                    <div class="code">&amp;#xe74b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe74c;</i>
                    <div class="name">tasklist_fill</div>
                    <div class="code">&amp;#xe74c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe74d;</i>
                    <div class="name">tasklist</div>
                    <div class="code">&amp;#xe74d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe74e;</i>
                    <div class="name">text</div>
                    <div class="code">&amp;#xe74e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe74f;</i>
                    <div class="name">time_fill</div>
                    <div class="code">&amp;#xe74f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe750;</i>
                    <div class="name">time</div>
                    <div class="code">&amp;#xe750;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a0;</i>
                    <div class="name">translation_fill</div>
                    <div class="code">&amp;#xe7a0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a1;</i>
                    <div class="name">translation</div>
                    <div class="code">&amp;#xe7a1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe751;</i>
                    <div class="name">trash</div>
                    <div class="code">&amp;#xe751;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe752;</i>
                    <div class="name">trash_fill</div>
                    <div class="code">&amp;#xe752;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe753;</i>
                    <div class="name">undo</div>
                    <div class="code">&amp;#xe753;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe754;</i>
                    <div class="name">unlock_fill</div>
                    <div class="code">&amp;#xe754;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe755;</i>
                    <div class="name">unlock</div>
                    <div class="code">&amp;#xe755;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe756;</i>
                    <div class="name">video</div>
                    <div class="code">&amp;#xe756;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe757;</i>
                    <div class="name">video_fill</div>
                    <div class="code">&amp;#xe757;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe758;</i>
                    <div class="name">warning_fill</div>
                    <div class="code">&amp;#xe758;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe759;</i>
                    <div class="name">warning</div>
                    <div class="code">&amp;#xe759;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe75a;</i>
                    <div class="name">workbench_fill</div>
                    <div class="code">&amp;#xe75a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe75b;</i>
                    <div class="name">workbench</div>
                    <div class="code">&amp;#xe75b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe910;</i>
                    <div class="name">android-apps</div>
                    <div class="code">&amp;#xe910;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe915;</i>
                    <div class="name">android-folder-open</div>
                    <div class="code">&amp;#xe915;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe916;</i>
                    <div class="name">android-hangout</div>
                    <div class="code">&amp;#xe916;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe919;</i>
                    <div class="name">android-refresh</div>
                    <div class="code">&amp;#xe919;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe91b;</i>
                    <div class="name">android-train</div>
                    <div class="code">&amp;#xe91b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe668;</i>
                    <div class="name">ipad</div>
                    <div class="code">&amp;#xe668;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe664;</i>
                    <div class="name">chatbox</div>
                    <div class="code">&amp;#xe664;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6be;</i>
                    <div class="name">ios-cloud-download</div>
                    <div class="code">&amp;#xe6be;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe91e;</i>
                    <div class="name">ios-photos</div>
                    <div class="code">&amp;#xe91e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe921;</i>
                    <div class="name">ios-redo-outline</div>
                    <div class="code">&amp;#xe921;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe922;</i>
                    <div class="name">ios-redo</div>
                    <div class="code">&amp;#xe922;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe923;</i>
                    <div class="name">ios-toggle</div>
                    <div class="code">&amp;#xe923;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe924;</i>
                    <div class="name">monitor</div>
                    <div class="code">&amp;#xe924;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe925;</i>
                    <div class="name">pound</div>
                    <div class="code">&amp;#xe925;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe926;</i>
                    <div class="name">pricetag</div>
                    <div class="code">&amp;#xe926;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe929;</i>
                    <div class="name">thermometer</div>
                    <div class="code">&amp;#xe929;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe92a;</i>
                    <div class="name">usb</div>
                    <div class="code">&amp;#xe92a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe75c;</i>
                    <div class="name">search</div>
                    <div class="code">&amp;#xe75c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe75d;</i>
                    <div class="name">search fill</div>
                    <div class="code">&amp;#xe75d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe819;</i>
                    <div class="name">shop_fill</div>
                    <div class="code">&amp;#xe819;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe81a;</i>
                    <div class="name">transaction_fill</div>
                    <div class="code">&amp;#xe81a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe75f;</i>
                    <div class="name">packup</div>
                    <div class="code">&amp;#xe75f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe760;</i>
                    <div class="name">unfold</div>
                    <div class="code">&amp;#xe760;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ac;</i>
                    <div class="name">financial_fill</div>
                    <div class="code">&amp;#xe7ac;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe92c;</i>
                    <div class="name">android-alarm-clock</div>
                    <div class="code">&amp;#xe92c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe92d;</i>
                    <div class="name">android-add-circle</div>
                    <div class="code">&amp;#xe92d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe930;</i>
                    <div class="name">android-arrow-up</div>
                    <div class="code">&amp;#xe930;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe931;</i>
                    <div class="name">android-cloud-done</div>
                    <div class="code">&amp;#xe931;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe933;</i>
                    <div class="name">android-subway</div>
                    <div class="code">&amp;#xe933;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe934;</i>
                    <div class="name">android-unlock</div>
                    <div class="code">&amp;#xe934;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe936;</i>
                    <div class="name">android-volume-mute</div>
                    <div class="code">&amp;#xe936;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe605;</i>
                    <div class="name">images</div>
                    <div class="code">&amp;#xe605;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60e;</i>
                    <div class="name">ios-arrow-back</div>
                    <div class="code">&amp;#xe60e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60f;</i>
                    <div class="name">ios-circle-outline</div>
                    <div class="code">&amp;#xe60f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6db;</i>
                    <div class="name">ios-football-outline</div>
                    <div class="code">&amp;#xe6db;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe641;</i>
                    <div class="name">ios-gear</div>
                    <div class="code">&amp;#xe641;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe672;</i>
                    <div class="name">ios-list-outline</div>
                    <div class="code">&amp;#xe672;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe673;</i>
                    <div class="name">ios-paper-outline</div>
                    <div class="code">&amp;#xe673;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63b;</i>
                    <div class="name">ios-star</div>
                    <div class="code">&amp;#xe63b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60a;</i>
                    <div class="name">levels</div>
                    <div class="code">&amp;#xe60a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60c;</i>
                    <div class="name">lightbulb</div>
                    <div class="code">&amp;#xe60c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe607;</i>
                    <div class="name">music-note</div>
                    <div class="code">&amp;#xe607;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe635;</i>
                    <div class="name">record</div>
                    <div class="code">&amp;#xe635;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ad;</i>
                    <div class="name">shake</div>
                    <div class="code">&amp;#xe7ad;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe761;</i>
                    <div class="name">decoration_fill</div>
                    <div class="code">&amp;#xe761;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe675;</i>
                    <div class="name">ios-list</div>
                    <div class="code">&amp;#xe675;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe93b;</i>
                    <div class="name">android-attach</div>
                    <div class="code">&amp;#xe93b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe93c;</i>
                    <div class="name">android-cloud-circle</div>
                    <div class="code">&amp;#xe93c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe93d;</i>
                    <div class="name">android-microphone</div>
                    <div class="code">&amp;#xe93d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ac;</i>
                    <div class="name">happy-outline</div>
                    <div class="code">&amp;#xe6ac;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67d;</i>
                    <div class="name">ios-circle-filled</div>
                    <div class="code">&amp;#xe67d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ae;</i>
                    <div class="name">ios-information</div>
                    <div class="code">&amp;#xe6ae;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c5;</i>
                    <div class="name">ios-medkit-outline</div>
                    <div class="code">&amp;#xe6c5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe947;</i>
                    <div class="name">ios-pause</div>
                    <div class="code">&amp;#xe947;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c9;</i>
                    <div class="name">ios-settings-strong</div>
                    <div class="code">&amp;#xe6c9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe609;</i>
                    <div class="name">male</div>
                    <div class="code">&amp;#xe609;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63c;</i>
                    <div class="name">ios-information-outl</div>
                    <div class="code">&amp;#xe63c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe94b;</i>
                    <div class="name">android-hand</div>
                    <div class="code">&amp;#xe94b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe94c;</i>
                    <div class="name">android-share-alt</div>
                    <div class="code">&amp;#xe94c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe94e;</i>
                    <div class="name">android-upload</div>
                    <div class="code">&amp;#xe94e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6af;</i>
                    <div class="name">bonfire</div>
                    <div class="code">&amp;#xe6af;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d3;</i>
                    <div class="name">crop</div>
                    <div class="code">&amp;#xe6d3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe94f;</i>
                    <div class="name">ios-arrow-forward</div>
                    <div class="code">&amp;#xe94f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe950;</i>
                    <div class="name">ios-at</div>
                    <div class="code">&amp;#xe950;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe952;</i>
                    <div class="name">ios-world-outline</div>
                    <div class="code">&amp;#xe952;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe953;</i>
                    <div class="name">navigate</div>
                    <div class="code">&amp;#xe953;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe955;</i>
                    <div class="name">podium</div>
                    <div class="code">&amp;#xe955;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe956;</i>
                    <div class="name">code-download</div>
                    <div class="code">&amp;#xe956;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe95b;</i>
                    <div class="name">mic-a</div>
                    <div class="code">&amp;#xe95b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe95f;</i>
                    <div class="name">android-bicycle</div>
                    <div class="code">&amp;#xe95f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66f;</i>
                    <div class="name">ios-pie</div>
                    <div class="code">&amp;#xe66f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe966;</i>
                    <div class="name">fireball</div>
                    <div class="code">&amp;#xe966;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe96a;</i>
                    <div class="name">ios-football</div>
                    <div class="code">&amp;#xe96a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe96c;</i>
                    <div class="name">ios-star-half</div>
                    <div class="code">&amp;#xe96c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe970;</i>
                    <div class="name">network</div>
                    <div class="code">&amp;#xe970;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe971;</i>
                    <div class="name">pin</div>
                    <div class="code">&amp;#xe971;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe972;</i>
                    <div class="name">skip-forward</div>
                    <div class="code">&amp;#xe972;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe974;</i>
                    <div class="name">trophy</div>
                    <div class="code">&amp;#xe974;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe975;</i>
                    <div class="name">volume-medium</div>
                    <div class="code">&amp;#xe975;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe977;</i>
                    <div class="name">android-cloud</div>
                    <div class="code">&amp;#xe977;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe978;</i>
                    <div class="name">android-funnel</div>
                    <div class="code">&amp;#xe978;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe97b;</i>
                    <div class="name">arrow-graph-up-left</div>
                    <div class="code">&amp;#xe97b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe97d;</i>
                    <div class="name">ios-alarm-outline</div>
                    <div class="code">&amp;#xe97d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe610;</i>
                    <div class="name">arrow-down-c</div>
                    <div class="code">&amp;#xe610;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe611;</i>
                    <div class="name">arrow-down-a</div>
                    <div class="code">&amp;#xe611;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe612;</i>
                    <div class="name">arrow-left-b</div>
                    <div class="code">&amp;#xe612;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe613;</i>
                    <div class="name">arrow-expand</div>
                    <div class="code">&amp;#xe613;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe614;</i>
                    <div class="name">arrow-down-b</div>
                    <div class="code">&amp;#xe614;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe615;</i>
                    <div class="name">arrow-left-a</div>
                    <div class="code">&amp;#xe615;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe616;</i>
                    <div class="name">arrow-left-c</div>
                    <div class="code">&amp;#xe616;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe618;</i>
                    <div class="name">arrow-return-left</div>
                    <div class="code">&amp;#xe618;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61a;</i>
                    <div class="name">arrow-move</div>
                    <div class="code">&amp;#xe61a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61b;</i>
                    <div class="name">arrow-right-a</div>
                    <div class="code">&amp;#xe61b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61c;</i>
                    <div class="name">arrow-return-right</div>
                    <div class="code">&amp;#xe61c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61d;</i>
                    <div class="name">arrow-swap</div>
                    <div class="code">&amp;#xe61d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61e;</i>
                    <div class="name">arrow-shrink</div>
                    <div class="code">&amp;#xe61e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61f;</i>
                    <div class="name">arrow-right-b</div>
                    <div class="code">&amp;#xe61f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe620;</i>
                    <div class="name">arrow-right-c</div>
                    <div class="code">&amp;#xe620;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe621;</i>
                    <div class="name">arrow-up-a</div>
                    <div class="code">&amp;#xe621;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe622;</i>
                    <div class="name">chevron-down</div>
                    <div class="code">&amp;#xe622;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe623;</i>
                    <div class="name">arrow-up-b</div>
                    <div class="code">&amp;#xe623;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe624;</i>
                    <div class="name">chevron-right</div>
                    <div class="code">&amp;#xe624;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe625;</i>
                    <div class="name">chevron-up</div>
                    <div class="code">&amp;#xe625;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe626;</i>
                    <div class="name">drag</div>
                    <div class="code">&amp;#xe626;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe627;</i>
                    <div class="name">arrow-up-c</div>
                    <div class="code">&amp;#xe627;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe628;</i>
                    <div class="name">chevron-left</div>
                    <div class="code">&amp;#xe628;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe629;</i>
                    <div class="name">navicon-round</div>
                    <div class="code">&amp;#xe629;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62a;</i>
                    <div class="name">ionic</div>
                    <div class="code">&amp;#xe62a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62b;</i>
                    <div class="name">navicon</div>
                    <div class="code">&amp;#xe62b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe646;</i>
                    <div class="name">alert</div>
                    <div class="code">&amp;#xe646;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe647;</i>
                    <div class="name">asterisk</div>
                    <div class="code">&amp;#xe647;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe648;</i>
                    <div class="name">checkmark-circled</div>
                    <div class="code">&amp;#xe648;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe649;</i>
                    <div class="name">alert-circled</div>
                    <div class="code">&amp;#xe649;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64a;</i>
                    <div class="name">backspace</div>
                    <div class="code">&amp;#xe64a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64b;</i>
                    <div class="name">checkmark</div>
                    <div class="code">&amp;#xe64b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64c;</i>
                    <div class="name">backspace-outline</div>
                    <div class="code">&amp;#xe64c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64d;</i>
                    <div class="name">close-round</div>
                    <div class="code">&amp;#xe64d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64e;</i>
                    <div class="name">closecircled</div>
                    <div class="code">&amp;#xe64e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe650;</i>
                    <div class="name">help-buoy</div>
                    <div class="code">&amp;#xe650;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe651;</i>
                    <div class="name">checkmark-round</div>
                    <div class="code">&amp;#xe651;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe653;</i>
                    <div class="name">home</div>
                    <div class="code">&amp;#xe653;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe654;</i>
                    <div class="name">help-circled</div>
                    <div class="code">&amp;#xe654;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe655;</i>
                    <div class="name">log-in</div>
                    <div class="code">&amp;#xe655;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe656;</i>
                    <div class="name">information-circled</div>
                    <div class="code">&amp;#xe656;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe657;</i>
                    <div class="name">information</div>
                    <div class="code">&amp;#xe657;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe658;</i>
                    <div class="name">log-out</div>
                    <div class="code">&amp;#xe658;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe659;</i>
                    <div class="name">minus-circled</div>
                    <div class="code">&amp;#xe659;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65a;</i>
                    <div class="name">minus-round</div>
                    <div class="code">&amp;#xe65a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65b;</i>
                    <div class="name">plus-circled</div>
                    <div class="code">&amp;#xe65b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65c;</i>
                    <div class="name">minus</div>
                    <div class="code">&amp;#xe65c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65d;</i>
                    <div class="name">loop</div>
                    <div class="code">&amp;#xe65d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65e;</i>
                    <div class="name">plus</div>
                    <div class="code">&amp;#xe65e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65f;</i>
                    <div class="name">plus-round</div>
                    <div class="code">&amp;#xe65f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe660;</i>
                    <div class="name">shuffle</div>
                    <div class="code">&amp;#xe660;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe681;</i>
                    <div class="name">document-text</div>
                    <div class="code">&amp;#xe681;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe682;</i>
                    <div class="name">compose</div>
                    <div class="code">&amp;#xe682;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe683;</i>
                    <div class="name">bookmark</div>
                    <div class="code">&amp;#xe683;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe684;</i>
                    <div class="name">archive</div>
                    <div class="code">&amp;#xe684;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe686;</i>
                    <div class="name">clipboard</div>
                    <div class="code">&amp;#xe686;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe687;</i>
                    <div class="name">edit</div>
                    <div class="code">&amp;#xe687;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68a;</i>
                    <div class="name">email-unread</div>
                    <div class="code">&amp;#xe68a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68b;</i>
                    <div class="name">email</div>
                    <div class="code">&amp;#xe68b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68c;</i>
                    <div class="name">folder</div>
                    <div class="code">&amp;#xe68c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68d;</i>
                    <div class="name">forward</div>
                    <div class="code">&amp;#xe68d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68e;</i>
                    <div class="name">heart-broken</div>
                    <div class="code">&amp;#xe68e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68f;</i>
                    <div class="name">gear-a</div>
                    <div class="code">&amp;#xe68f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe690;</i>
                    <div class="name">gear-b</div>
                    <div class="code">&amp;#xe690;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe691;</i>
                    <div class="name">hammer</div>
                    <div class="code">&amp;#xe691;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe692;</i>
                    <div class="name">heart</div>
                    <div class="code">&amp;#xe692;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe693;</i>
                    <div class="name">paper-airplane</div>
                    <div class="code">&amp;#xe693;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe694;</i>
                    <div class="name">link</div>
                    <div class="code">&amp;#xe694;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe695;</i>
                    <div class="name">funnel</div>
                    <div class="code">&amp;#xe695;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe696;</i>
                    <div class="name">reply</div>
                    <div class="code">&amp;#xe696;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe697;</i>
                    <div class="name">settings</div>
                    <div class="code">&amp;#xe697;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe698;</i>
                    <div class="name">scissors</div>
                    <div class="code">&amp;#xe698;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe699;</i>
                    <div class="name">paperclip</div>
                    <div class="code">&amp;#xe699;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69a;</i>
                    <div class="name">star</div>
                    <div class="code">&amp;#xe69a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69b;</i>
                    <div class="name">reply-all</div>
                    <div class="code">&amp;#xe69b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69d;</i>
                    <div class="name">toggle-filled</div>
                    <div class="code">&amp;#xe69d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69e;</i>
                    <div class="name">trash-a</div>
                    <div class="code">&amp;#xe69e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69f;</i>
                    <div class="name">trash-b</div>
                    <div class="code">&amp;#xe69f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a0;</i>
                    <div class="name">wrench</div>
                    <div class="code">&amp;#xe6a0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe987;</i>
                    <div class="name">toggle</div>
                    <div class="code">&amp;#xe987;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe988;</i>
                    <div class="name">custom-sort-down</div>
                    <div class="code">&amp;#xe988;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe989;</i>
                    <div class="name">custom-sort</div>
                    <div class="code">&amp;#xe989;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe98a;</i>
                    <div class="name">custom-array-up</div>
                    <div class="code">&amp;#xe98a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe98b;</i>
                    <div class="name">custom-array</div>
                    <div class="code">&amp;#xe98b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe98c;</i>
                    <div class="name">custom-array-down</div>
                    <div class="code">&amp;#xe98c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe98d;</i>
                    <div class="name">custom-sort-up</div>
                    <div class="code">&amp;#xe98d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe762;</i>
                    <div class="name">arrow-r</div>
                    <div class="code">&amp;#xe762;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe763;</i>
                    <div class="name">arrow-l</div>
                    <div class="code">&amp;#xe763;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe637;</i>
                    <div class="name">array-up</div>
                    <div class="code">&amp;#xe637;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63a;</i>
                    <div class="name">array-down</div>
                    <div class="code">&amp;#xe63a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63d;</i>
                    <div class="name">triangle-up</div>
                    <div class="code">&amp;#xe63d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63e;</i>
                    <div class="name">triangle-down</div>
                    <div class="code">&amp;#xe63e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe636;</i>
                    <div class="name">browse-colse</div>
                    <div class="code">&amp;#xe636;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe75e;</i>
                    <div class="name">android-arrow-drople</div>
                    <div class="code">&amp;#xe75e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe764;</i>
                    <div class="name">android-arrow-dropdo</div>
                    <div class="code">&amp;#xe764;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe767;</i>
                    <div class="name">android-arrow-dropri</div>
                    <div class="code">&amp;#xe767;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe76a;</i>
                    <div class="name">android-arrow-forwar</div>
                    <div class="code">&amp;#xe76a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe76b;</i>
                    <div class="name">android-checkbox-bla</div>
                    <div class="code">&amp;#xe76b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe76c;</i>
                    <div class="name">android-more-horizon</div>
                    <div class="code">&amp;#xe76c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe76d;</i>
                    <div class="name">android-notification</div>
                    <div class="code">&amp;#xe76d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe770;</i>
                    <div class="name">android-radio-button</div>
                    <div class="code">&amp;#xe770;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe772;</i>
                    <div class="name">android-remove-circl</div>
                    <div class="code">&amp;#xe772;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe773;</i>
                    <div class="name">arrow-graph-down-rig</div>
                    <div class="code">&amp;#xe773;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe774;</i>
                    <div class="name">android-phone-portra</div>
                    <div class="code">&amp;#xe774;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe777;</i>
                    <div class="name">arrowdownb</div>
                    <div class="code">&amp;#xe777;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe778;</i>
                    <div class="name">batteryhalf</div>
                    <div class="code">&amp;#xe778;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe779;</i>
                    <div class="name">arrow-resize1</div>
                    <div class="code">&amp;#xe779;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe77a;</i>
                    <div class="name">batteryfull</div>
                    <div class="code">&amp;#xe77a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe785;</i>
                    <div class="name">bluetooth</div>
                    <div class="code">&amp;#xe785;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe786;</i>
                    <div class="name">camera1</div>
                    <div class="code">&amp;#xe786;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe78a;</i>
                    <div class="name">chatboxes</div>
                    <div class="code">&amp;#xe78a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe793;</i>
                    <div class="name">close1</div>
                    <div class="code">&amp;#xe793;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe794;</i>
                    <div class="name">custome-rservice</div>
                    <div class="code">&amp;#xe794;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe79b;</i>
                    <div class="name">clock1</div>
                    <div class="code">&amp;#xe79b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe79c;</i>
                    <div class="name">arrow-graph-down-lef</div>
                    <div class="code">&amp;#xe79c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe79d;</i>
                    <div class="name">document1</div>
                    <div class="code">&amp;#xe79d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe79e;</i>
                    <div class="name">flag1</div>
                    <div class="code">&amp;#xe79e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe79f;</i>
                    <div class="name">help1</div>
                    <div class="code">&amp;#xe79f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a2;</i>
                    <div class="name">ios-chatbubble-outli</div>
                    <div class="code">&amp;#xe7a2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a3;</i>
                    <div class="name">ios-cloud-upload-out</div>
                    <div class="code">&amp;#xe7a3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a4;</i>
                    <div class="name">ios-game-controller-</div>
                    <div class="code">&amp;#xe7a4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a6;</i>
                    <div class="name">ios-reverse-camera-o</div>
                    <div class="code">&amp;#xe7a6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a7;</i>
                    <div class="name">ios-skipbackward</div>
                    <div class="code">&amp;#xe7a7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ab;</i>
                    <div class="name">ios-grid-view-outlin</div>
                    <div class="code">&amp;#xe7ab;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b1;</i>
                    <div class="name">android-checkmark-ci</div>
                    <div class="code">&amp;#xe7b1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b2;</i>
                    <div class="name">ios-skipbackward-out</div>
                    <div class="code">&amp;#xe7b2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b3;</i>
                    <div class="name">load-a</div>
                    <div class="code">&amp;#xe7b3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b4;</i>
                    <div class="name">ios-stopwatch-outlin</div>
                    <div class="code">&amp;#xe7b4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7b6;</i>
                    <div class="name">ios-speedometer-outl</div>
                    <div class="code">&amp;#xe7b6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7bb;</i>
                    <div class="name">ios-skipforward</div>
                    <div class="code">&amp;#xe7bb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7bc;</i>
                    <div class="name">load-d</div>
                    <div class="code">&amp;#xe7bc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7be;</i>
                    <div class="name">ios-time-outline</div>
                    <div class="code">&amp;#xe7be;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7bf;</i>
                    <div class="name">locked</div>
                    <div class="code">&amp;#xe7bf;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c1;</i>
                    <div class="name">model-s</div>
                    <div class="code">&amp;#xe7c1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c2;</i>
                    <div class="name">play1</div>
                    <div class="code">&amp;#xe7c2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c3;</i>
                    <div class="name">location</div>
                    <div class="code">&amp;#xe7c3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c4;</i>
                    <div class="name">more1</div>
                    <div class="code">&amp;#xe7c4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c5;</i>
                    <div class="name">qianniu</div>
                    <div class="code">&amp;#xe7c5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7c8;</i>
                    <div class="name">publishgoods_fill</div>
                    <div class="code">&amp;#xe7c8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7cb;</i>
                    <div class="name">prompt1</div>
                    <div class="code">&amp;#xe7cb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7cc;</i>
                    <div class="name">search1</div>
                    <div class="code">&amp;#xe7cc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7cd;</i>
                    <div class="name">refresh1</div>
                    <div class="code">&amp;#xe7cd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7cf;</i>
                    <div class="name">share1</div>
                    <div class="code">&amp;#xe7cf;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d0;</i>
                    <div class="name">social-bitcoin-outli</div>
                    <div class="code">&amp;#xe7d0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7d4;</i>
                    <div class="name">socialgoogle</div>
                    <div class="code">&amp;#xe7d4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e6;</i>
                    <div class="name">social-tumblr</div>
                    <div class="code">&amp;#xe7e6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7e9;</i>
                    <div class="name">socialt-witch-outlin</div>
                    <div class="code">&amp;#xe7e9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7ee;</i>
                    <div class="name">wangwang</div>
                    <div class="code">&amp;#xe7ee;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f1;</i>
                    <div class="name">success1</div>
                    <div class="code">&amp;#xe7f1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f4;</i>
                    <div class="name">wifiicon</div>
                    <div class="code">&amp;#xe7f4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f7;</i>
                    <div class="name">view</div>
                    <div class="code">&amp;#xe7f7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7f9;</i>
                    <div class="name">transgender</div>
                    <div class="code">&amp;#xe7f9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe765;</i>
                    <div class="name">android-arrow-dropdo1</div>
                    <div class="code">&amp;#xe765;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe766;</i>
                    <div class="name">android-arrow-dropup1</div>
                    <div class="code">&amp;#xe766;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe768;</i>
                    <div class="name">android-arrow-drople1</div>
                    <div class="code">&amp;#xe768;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe769;</i>
                    <div class="name">android-notification1</div>
                    <div class="code">&amp;#xe769;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe771;</i>
                    <div class="name">android-arrow-dropri1</div>
                    <div class="code">&amp;#xe771;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe775;</i>
                    <div class="name">android-radio-button1</div>
                    <div class="code">&amp;#xe775;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a5;</i>
                    <div class="name">forkrepo</div>
                    <div class="code">&amp;#xe7a5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7a8;</i>
                    <div class="name">ios-game-controller-1</div>
                    <div class="code">&amp;#xe7a8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe801;</i>
                    <div class="name">ios-game-controller-2</div>
                    <div class="code">&amp;#xe801;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60b;</i>
                    <div class="name">double arrow</div>
                    <div class="code">&amp;#xe60b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe619;</i>
                    <div class="name">goBottom-square</div>
                    <div class="code">&amp;#xe619;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62d;</i>
                    <div class="name">backTop-square</div>
                    <div class="code">&amp;#xe62d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe632;</i>
                    <div class="name">document-file</div>
                    <div class="code">&amp;#xe632;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe634;</i>
                    <div class="name">upload</div>
                    <div class="code">&amp;#xe634;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe638;</i>
                    <div class="name">fresh</div>
                    <div class="code">&amp;#xe638;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe639;</i>
                    <div class="name">backTop-round</div>
                    <div class="code">&amp;#xe639;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63f;</i>
                    <div class="name">goBottom-round</div>
                    <div class="code">&amp;#xe63f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe643;</i>
                    <div class="name">t-b-bells</div>
                    <div class="code">&amp;#xe643;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe644;</i>
                    <div class="name">t-b-skin </div>
                    <div class="code">&amp;#xe644;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64f;</i>
                    <div class="name">t-b-personal</div>
                    <div class="code">&amp;#xe64f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe652;</i>
                    <div class="name">t-b-lockscreen</div>
                    <div class="code">&amp;#xe652;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe661;</i>
                    <div class="name">t-b-setting</div>
                    <div class="code">&amp;#xe661;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe662;</i>
                    <div class="name">t-b-moveup</div>
                    <div class="code">&amp;#xe662;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe663;</i>
                    <div class="name">t-b-movedown</div>
                    <div class="code">&amp;#xe663;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe666;</i>
                    <div class="name">t-b-unfoldingaround</div>
                    <div class="code">&amp;#xe666;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe669;</i>
                    <div class="name">t-b-roundup</div>
                    <div class="code">&amp;#xe669;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66a;</i>
                    <div class="name">t-b-organizationexpa</div>
                    <div class="code">&amp;#xe66a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66c;</i>
                    <div class="name">t-b-organizationreco</div>
                    <div class="code">&amp;#xe66c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66d;</i>
                    <div class="name">t-b-rightexpansion</div>
                    <div class="code">&amp;#xe66d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66e;</i>
                    <div class="name">t-b-leftside</div>
                    <div class="code">&amp;#xe66e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe671;</i>
                    <div class="name">t-b-close</div>
                    <div class="code">&amp;#xe671;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe674;</i>
                    <div class="name">t-b-required</div>
                    <div class="code">&amp;#xe674;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe676;</i>
                    <div class="name">t-b-message</div>
                    <div class="code">&amp;#xe676;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe677;</i>
                    <div class="name">t-b-down</div>
                    <div class="code">&amp;#xe677;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe678;</i>
                    <div class="name">t-b-system</div>
                    <div class="code">&amp;#xe678;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe679;</i>
                    <div class="name">t-b-userallocation</div>
                    <div class="code">&amp;#xe679;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67b;</i>
                    <div class="name">t-b-activation</div>
                    <div class="code">&amp;#xe67b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67c;</i>
                    <div class="name">t-b-download</div>
                    <div class="code">&amp;#xe67c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67e;</i>
                    <div class="name">t-b-cancellation</div>
                    <div class="code">&amp;#xe67e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67f;</i>
                    <div class="name">t-b-lookup</div>
                    <div class="code">&amp;#xe67f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe680;</i>
                    <div class="name">t-b-modify</div>
                    <div class="code">&amp;#xe680;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe685;</i>
                    <div class="name">t-b-new</div>
                    <div class="code">&amp;#xe685;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe688;</i>
                    <div class="name">t-b-passwordreset</div>
                    <div class="code">&amp;#xe688;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe689;</i>
                    <div class="name">t-b-delete</div>
                    <div class="code">&amp;#xe689;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69c;</i>
                    <div class="name">t-b-unlock</div>
                    <div class="code">&amp;#xe69c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a1;</i>
                    <div class="name">t-b-locking</div>
                    <div class="code">&amp;#xe6a1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a2;</i>
                    <div class="name">t-b-jurisdiction</div>
                    <div class="code">&amp;#xe6a2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a3;</i>
                    <div class="name">t-b-post</div>
                    <div class="code">&amp;#xe6a3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a8;</i>
                    <div class="name">t-b-roleauthorizatio</div>
                    <div class="code">&amp;#xe6a8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a9;</i>
                    <div class="name">t-b-distribution</div>
                    <div class="code">&amp;#xe6a9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6aa;</i>
                    <div class="name">t-b-abolitiondistrib</div>
                    <div class="code">&amp;#xe6aa;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ab;</i>
                    <div class="name">t-b-organization</div>
                    <div class="code">&amp;#xe6ab;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ad;</i>
                    <div class="name">t-b-role</div>
                    <div class="code">&amp;#xe6ad;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b0;</i>
                    <div class="name">t-b-batchrefresh</div>
                    <div class="code">&amp;#xe6b0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b2;</i>
                    <div class="name">t-b-time</div>
                    <div class="code">&amp;#xe6b2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b3;</i>
                    <div class="name">t-b-date</div>
                    <div class="code">&amp;#xe6b3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b4;</i>
                    <div class="name">t-b-singlerefresh</div>
                    <div class="code">&amp;#xe6b4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b5;</i>
                    <div class="name">t-b-Warning</div>
                    <div class="code">&amp;#xe6b5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b7;</i>
                    <div class="name">t-b-correctinformati</div>
                    <div class="code">&amp;#xe6b7;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b8;</i>
                    <div class="name">t-b-send out</div>
                    <div class="code">&amp;#xe6b8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b9;</i>
                    <div class="name">t-b-return</div>
                    <div class="code">&amp;#xe6b9;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ba;</i>
                    <div class="name">t-b-forward</div>
                    <div class="code">&amp;#xe6ba;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6bb;</i>
                    <div class="name">t-b-reply</div>
                    <div class="code">&amp;#xe6bb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6bc;</i>
                    <div class="name">t-b-playon</div>
                    <div class="code">&amp;#xe6bc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6bd;</i>
                    <div class="name">t-b-offline</div>
                    <div class="code">&amp;#xe6bd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6bf;</i>
                    <div class="name">t-b-permissioncopy</div>
                    <div class="code">&amp;#xe6bf;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c0;</i>
                    <div class="name">t-b-permissiondownlo</div>
                    <div class="code">&amp;#xe6c0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c1;</i>
                    <div class="name">t-b-addto</div>
                    <div class="code">&amp;#xe6c1;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c3;</i>
                    <div class="name">t-b-newlybuild</div>
                    <div class="code">&amp;#xe6c3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c4;</i>
                    <div class="name">t-b-organizational</div>
                    <div class="code">&amp;#xe6c4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c6;</i>
                    <div class="name">t-b-tree</div>
                    <div class="code">&amp;#xe6c6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c8;</i>
                    <div class="name">t-b-verification</div>
                    <div class="code">&amp;#xe6c8;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ca;</i>
                    <div class="name">t-b-tips</div>
                    <div class="code">&amp;#xe6ca;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6cb;</i>
                    <div class="name">t-b-password</div>
                    <div class="code">&amp;#xe6cb;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6cc;</i>
                    <div class="name">t-b-phone</div>
                    <div class="code">&amp;#xe6cc;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6cd;</i>
                    <div class="name">t-b-account</div>
                    <div class="code">&amp;#xe6cd;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ce;</i>
                    <div class="name">max</div>
                    <div class="code">&amp;#xe6ce;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6cf;</i>
                    <div class="name">min</div>
                    <div class="code">&amp;#xe6cf;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d0;</i>
                    <div class="name">t-b-add</div>
                    <div class="code">&amp;#xe6d0;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d1;</i>
                    <div class="name">t-b-minus</div>
                    <div class="code">&amp;#xe6d1;</div>
                </li>
            
        </ul>
        <h2 id="unicode-">unicode引用</h2>
        <hr>

        <p>unicode是字体在网页端最原始的应用方式，特点是：</p>
        <ul>
        <li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
        <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
        <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
        </ul>
        <blockquote>
        <p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
        </blockquote>
        <p>unicode使用步骤如下：</p>
        <h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
        <pre><code class="lang-js hljs javascript">@font-face {
  font-family: <span class="hljs-string">'iconfont'</span>;
  src: url(<span class="hljs-string">'iconfont.eot'</span>);
  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
  url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
}
</code></pre>
        <h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
        <pre><code class="lang-js hljs javascript">.iconfont{
  font-family:<span class="hljs-string">"iconfont"</span> !important;
  font-size:<span class="hljs-number">16</span>px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
        <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>

        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>


</body>
</html>