IconFont图标库

书读的越多而不加思考,你就会觉得你知道得很多;而当你读书而思考得越多的时候,你就会越清楚地看到,你知道得很少。

导读:本篇文章讲解 IconFont图标库,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

图标库

免费下载链接: https://download.csdn.net/download/weixin_46822367/19206146?spm=1001.2014.3001.5501.

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont">&#xe600;</i>
                    <div class="name">云上传</div>
                    <div class="code">&amp;#xe600;</div>
                    <div class="fontclass">.yunshangchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe601;</i>
                    <div class="name">发送</div>
                    <div class="code">&amp;#xe601;</div>
                    <div class="fontclass">.fasong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe602;</i>
                    <div class="name">付款方式</div>
                    <div class="code">&amp;#xe602;</div>
                    <div class="fontclass">.fukuanfangshi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe603;</i>
                    <div class="name">扬声器</div>
                    <div class="code">&amp;#xe603;</div>
                    <div class="fontclass">.yangshengqi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe604;</i>
                    <div class="name">标签</div>
                    <div class="code">&amp;#xe604;</div>
                    <div class="fontclass">.biaoqian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe605;</i>
                    <div class="name">日历</div>
                    <div class="code">&amp;#xe605;</div>
                    <div class="fontclass">.rili</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe606;</i>
                    <div class="name">计时器</div>
                    <div class="code">&amp;#xe606;</div>
                    <div class="fontclass">.jishiqi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe607;</i>
                    <div class="name">平板电脑</div>
                    <div class="code">&amp;#xe607;</div>
                    <div class="fontclass">.pingbandiannao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe608;</i>
                    <div class="name">礼物</div>
                    <div class="code">&amp;#xe608;</div>
                    <div class="fontclass">.liwu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe609;</i>
                    <div class="name">显示器</div>
                    <div class="code">&amp;#xe609;</div>
                    <div class="fontclass">.xianshiqi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60a;</i>
                    <div class="name">照相机</div>
                    <div class="code">&amp;#xe60a;</div>
                    <div class="fontclass">.zhaoxiangji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60b;</i>
                    <div class="name">手机</div>
                    <div class="code">&amp;#xe60b;</div>
                    <div class="fontclass">.shouji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60c;</i>
                    <div class="name">对话</div>
                    <div class="code">&amp;#xe60c;</div>
                    <div class="fontclass">.duihua</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60d;</i>
                    <div class="name">提示</div>
                    <div class="code">&amp;#xe60d;</div>
                    <div class="fontclass">.tishi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60e;</i>
                    <div class="name">警告</div>
                    <div class="code">&amp;#xe60e;</div>
                    <div class="fontclass">.jinggao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60f;</i>
                    <div class="name">帮助</div>
                    <div class="code">&amp;#xe60f;</div>
                    <div class="fontclass">.bangzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe610;</i>
                    <div class="name">账户</div>
                    <div class="code">&amp;#xe610;</div>
                    <div class="fontclass">.zhanghu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe611;</i>
                    <div class="name">剪切</div>
                    <div class="code">&amp;#xe611;</div>
                    <div class="fontclass">.jianqie</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe612;</i>
                    <div class="name">文件</div>
                    <div class="code">&amp;#xe612;</div>
                    <div class="fontclass">.wenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe613;</i>
                    <div class="name">复制文件</div>
                    <div class="code">&amp;#xe613;</div>
                    <div class="fontclass">.fuzhiwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe614;</i>
                    <div class="name">锁定</div>
                    <div class="code">&amp;#xe614;</div>
                    <div class="fontclass">.suoding</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe615;</i>
                    <div class="name">字体</div>
                    <div class="code">&amp;#xe615;</div>
                    <div class="fontclass">.ziti</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe616;</i>
                    <div class="name">饼图</div>
                    <div class="code">&amp;#xe616;</div>
                    <div class="fontclass">.bingtu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe617;</i>
                    <div class="name">精确定向</div>
                    <div class="code">&amp;#xe617;</div>
                    <div class="fontclass">.jingquedingxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe618;</i>
                    <div class="name">广告主</div>
                    <div class="code">&amp;#xe618;</div>
                    <div class="fontclass">.guanggaozhu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe619;</i>
                    <div class="name">云下载</div>
                    <div class="code">&amp;#xe619;</div>
                    <div class="fontclass">.yunxiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61a;</i>
                    <div class="name">添加用户</div>
                    <div class="code">&amp;#xe61a;</div>
                    <div class="fontclass">.tianjiayonghu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b5;</i>
                    <div class="name">粘贴</div>
                    <div class="code">&amp;#xe6b5;</div>
                    <div class="fontclass">.zhantie</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe685;</i>
                    <div class="name">图片</div>
                    <div class="code">&amp;#xe685;</div>
                    <div class="fontclass">.tupian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61b;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe61b;</div>
                    <div class="fontclass">.xing</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a2;</i>
                    <div class="name">左三角</div>
                    <div class="code">&amp;#xe6a2;</div>
                    <div class="fontclass">.zuosanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e7;</i>
                    <div class="name">订阅</div>
                    <div class="code">&amp;#xe6e7;</div>
                    <div class="fontclass">.dingyue</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a3;</i>
                    <div class="name">上三角</div>
                    <div class="code">&amp;#xe6a3;</div>
                    <div class="fontclass">.shangsanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61c;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe61c;</div>
                    <div class="fontclass">.zan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61d;</i>
                    <div class="name">菜单</div>
                    <div class="code">&amp;#xe61d;</div>
                    <div class="fontclass">.caidan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61e;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe61e;</div>
                    <div class="fontclass">.jia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61f;</i>
                    <div class="name">正品保障</div>
                    <div class="code">&amp;#xe61f;</div>
                    <div class="fontclass">.zhengpinbaozhang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b9;</i>
                    <div class="name">图片</div>
                    <div class="code">&amp;#xe6b9;</div>
                    <div class="fontclass">.tupian1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe620;</i>
                    <div class="name">闪电</div>
                    <div class="code">&amp;#xe620;</div>
                    <div class="fontclass">.shandian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a4;</i>
                    <div class="name">右三角</div>
                    <div class="code">&amp;#xe6a4;</div>
                    <div class="fontclass">.yousanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe621;</i>
                    <div class="name">快捷</div>
                    <div class="code">&amp;#xe621;</div>
                    <div class="fontclass">.kuaijie</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe622;</i>
                    <div class="name">公文包</div>
                    <div class="code">&amp;#xe622;</div>
                    <div class="fontclass">.gongwenbao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe623;</i>
                    <div class="name">购物车</div>
                    <div class="code">&amp;#xe623;</div>
                    <div class="fontclass">.gouwuche</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ba;</i>
                    <div class="name">图片</div>
                    <div class="code">&amp;#xe6ba;</div>
                    <div class="fontclass">.tupian2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe624;</i>
                    <div class="name">督办</div>
                    <div class="code">&amp;#xe624;</div>
                    <div class="fontclass">.duban</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe625;</i>
                    <div class="name">剪切</div>
                    <div class="code">&amp;#xe625;</div>
                    <div class="fontclass">.jianqie1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe626;</i>
                    <div class="name">喇叭</div>
                    <div class="code">&amp;#xe626;</div>
                    <div class="fontclass">.laba</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe627;</i>
                    <div class="name">退出</div>
                    <div class="code">&amp;#xe627;</div>
                    <div class="fontclass">.exit-door</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe628;</i>
                    <div class="name">比价NF</div>
                    <div class="code">&amp;#xe628;</div>
                    <div class="fontclass">.bijiaNF</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe629;</i>
                    <div class="name">查看</div>
                    <div class="code">&amp;#xe629;</div>
                    <div class="fontclass">.chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62a;</i>
                    <div class="name">购物车</div>
                    <div class="code">&amp;#xe62a;</div>
                    <div class="fontclass">.gouwuche1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a9;</i>
                    <div class="name">优惠券</div>
                    <div class="code">&amp;#xe6a9;</div>
                    <div class="fontclass">.youhuiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a0;</i>
                    <div class="name">客服</div>
                    <div class="code">&amp;#xe6a0;</div>
                    <div class="fontclass">.kefu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62b;</i>
                    <div class="name">地球</div>
                    <div class="code">&amp;#xe62b;</div>
                    <div class="fontclass">.diqiu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a1;</i>
                    <div class="name">在线客服</div>
                    <div class="code">&amp;#xe6a1;</div>
                    <div class="fontclass">.zaixiankefu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6eb;</i>
                    <div class="name">微信</div>
                    <div class="code">&amp;#xe6eb;</div>
                    <div class="fontclass">.weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62c;</i>
                    <div class="name">列表</div>
                    <div class="code">&amp;#xe62c;</div>
                    <div class="fontclass">.liebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62d;</i>
                    <div class="name">搜索</div>
                    <div class="code">&amp;#xe62d;</div>
                    <div class="fontclass">.sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e8;</i>
                    <div class="name">首页</div>
                    <div class="code">&amp;#xe6e8;</div>
                    <div class="fontclass">.shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62e;</i>
                    <div class="name">安全保障</div>
                    <div class="code">&amp;#xe62e;</div>
                    <div class="fontclass">.series16</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe696;</i>
                    <div class="name">右箭头</div>
                    <div class="code">&amp;#xe696;</div>
                    <div class="fontclass">.f10</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b6;</i>
                    <div class="name">二维码</div>
                    <div class="code">&amp;#xe6b6;</div>
                    <div class="fontclass">.erweima</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62f;</i>
                    <div class="name">设置</div>
                    <div class="code">&amp;#xe62f;</div>
                    <div class="fontclass">.shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68f;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe68f;</div>
                    <div class="fontclass">.jiajian01</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe630;</i>
                    <div class="name">室外场地</div>
                    <div class="code">&amp;#xe630;</div>
                    <div class="fontclass">.shiwaichangdi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6bb;</i>
                    <div class="name">时间</div>
                    <div class="code">&amp;#xe6bb;</div>
                    <div class="fontclass">.shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe631;</i>
                    <div class="name">日历</div>
                    <div class="code">&amp;#xe631;</div>
                    <div class="fontclass">.rili1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6bc;</i>
                    <div class="name">电话</div>
                    <div class="code">&amp;#xe6bc;</div>
                    <div class="fontclass">.dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe632;</i>
                    <div class="name">归档</div>
                    <div class="code">&amp;#xe632;</div>
                    <div class="fontclass">.guidang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e0;</i>
                    <div class="name">铃声</div>
                    <div class="code">&amp;#xe6e0;</div>
                    <div class="fontclass">.icon13</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a5;</i>
                    <div class="name">三角</div>
                    <div class="code">&amp;#xe6a5;</div>
                    <div class="fontclass">.sanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe697;</i>
                    <div class="name">上箭头</div>
                    <div class="code">&amp;#xe697;</div>
                    <div class="fontclass">.shangjiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe698;</i>
                    <div class="name">下箭头</div>
                    <div class="code">&amp;#xe698;</div>
                    <div class="fontclass">.xiajiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe633;</i>
                    <div class="name">喊话</div>
                    <div class="code">&amp;#xe633;</div>
                    <div class="fontclass">.laba1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe634;</i>
                    <div class="name">搜索</div>
                    <div class="code">&amp;#xe634;</div>
                    <div class="fontclass">.sousuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe635;</i>
                    <div class="name">编辑</div>
                    <div class="code">&amp;#xe635;</div>
                    <div class="fontclass">.bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe636;</i>
                    <div class="name">便宜有好货</div>
                    <div class="code">&amp;#xe636;</div>
                    <div class="fontclass">.pinayi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6bd;</i>
                    <div class="name">流程</div>
                    <div class="code">&amp;#xe6bd;</div>
                    <div class="fontclass">.liucheng</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe637;</i>
                    <div class="name">系统管理</div>
                    <div class="code">&amp;#xe637;</div>
                    <div class="fontclass">.xitongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe689;</i>
                    <div class="name">取消任务</div>
                    <div class="code">&amp;#xe689;</div>
                    <div class="fontclass">.cancel</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68b;</i>
                    <div class="name">流程超期分段统计</div>
                    <div class="code">&amp;#xe68b;</div>
                    <div class="fontclass">.liuchengchaoqifenduantongji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe638;</i>
                    <div class="name">任务管理</div>
                    <div class="code">&amp;#xe638;</div>
                    <div class="fontclass">.renwuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe639;</i>
                    <div class="name">箭头向右</div>
                    <div class="code">&amp;#xe639;</div>
                    <div class="fontclass">.4</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68c;</i>
                    <div class="name">工作流程</div>
                    <div class="code">&amp;#xe68c;</div>
                    <div class="fontclass">.gongzuoliucheng</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63a;</i>
                    <div class="name">保存</div>
                    <div class="code">&amp;#xe63a;</div>
                    <div class="fontclass">.baocun</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63b;</i>
                    <div class="name">数据分析</div>
                    <div class="code">&amp;#xe63b;</div>
                    <div class="fontclass">.shujufenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63c;</i>
                    <div class="name">导出 Export</div>
                    <div class="code">&amp;#xe63c;</div>
                    <div class="fontclass">.daochuexport</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63d;</i>
                    <div class="name">导入 Import</div>
                    <div class="code">&amp;#xe63d;</div>
                    <div class="fontclass">.daoruimport</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69d;</i>
                    <div class="name">腾讯微博</div>
                    <div class="code">&amp;#xe69d;</div>
                    <div class="fontclass">.txwb</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a6;</i>
                    <div class="name">下三角</div>
                    <div class="code">&amp;#xe6a6;</div>
                    <div class="fontclass">.iconfontordinaryxiajiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63e;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe63e;</div>
                    <div class="fontclass">.cuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe690;</i>
                    <div class="name">close</div>
                    <div class="code">&amp;#xe690;</div>
                    <div class="fontclass">.tubiao06</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63f;</i>
                    <div class="name">消息</div>
                    <div class="code">&amp;#xe63f;</div>
                    <div class="fontclass">.xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe640;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe640;</div>
                    <div class="fontclass">.cloud</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe641;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe641;</div>
                    <div class="fontclass">.add-round</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe642;</i>
                    <div class="name">tags</div>
                    <div class="code">&amp;#xe642;</div>
                    <div class="fontclass">.tags</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a7;</i>
                    <div class="name">下拉三角</div>
                    <div class="code">&amp;#xe6a7;</div>
                    <div class="fontclass">.xialasanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe643;</i>
                    <div class="name">防伪查询</div>
                    <div class="code">&amp;#xe643;</div>
                    <div class="fontclass">.weibiaoti111</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe644;</i>
                    <div class="name">后退一步</div>
                    <div class="code">&amp;#xe644;</div>
                    <div class="fontclass">.houtuiyibu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe645;</i>
                    <div class="name">报表</div>
                    <div class="code">&amp;#xe645;</div>
                    <div class="fontclass">.baobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe646;</i>
                    <div class="name">4核</div>
                    <div class="code">&amp;#xe646;</div>
                    <div class="fontclass">.4he</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe647;</i>
                    <div class="name">地图定位</div>
                    <div class="code">&amp;#xe647;</div>
                    <div class="fontclass">.ditudingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6be;</i>
                    <div class="name">邮箱</div>
                    <div class="code">&amp;#xe6be;</div>
                    <div class="fontclass">.youxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69e;</i>
                    <div class="name">QQ空间</div>
                    <div class="code">&amp;#xe69e;</div>
                    <div class="fontclass">.qqkongjian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe648;</i>
                    <div class="name">聊天记录</div>
                    <div class="code">&amp;#xe648;</div>
                    <div class="fontclass">.liaotianjilu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe649;</i>
                    <div class="name">个人工作台</div>
                    <div class="code">&amp;#xe649;</div>
                    <div class="fontclass">.00</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ec;</i>
                    <div class="name">删除</div>
                    <div class="code">&amp;#xe6ec;</div>
                    <div class="fontclass">.shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64a;</i>
                    <div class="name">上传</div>
                    <div class="code">&amp;#xe64a;</div>
                    <div class="fontclass">.shangchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64b;</i>
                    <div class="name">下载</div>
                    <div class="code">&amp;#xe64b;</div>
                    <div class="fontclass">.xiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe699;</i>
                    <div class="name">上箭头</div>
                    <div class="code">&amp;#xe699;</div>
                    <div class="fontclass">.shangjiantou1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69a;</i>
                    <div class="name">下箭头</div>
                    <div class="code">&amp;#xe69a;</div>
                    <div class="fontclass">.xiajiantou1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64c;</i>
                    <div class="name">文件夹3</div>
                    <div class="code">&amp;#xe64c;</div>
                    <div class="fontclass">.wenjianjia3</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64d;</i>
                    <div class="name">特惠精选</div>
                    <div class="code">&amp;#xe64d;</div>
                    <div class="fontclass">.tehuijingxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64e;</i>
                    <div class="name">图书借阅</div>
                    <div class="code">&amp;#xe64e;</div>
                    <div class="fontclass">.6</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64f;</i>
                    <div class="name">借阅管理</div>
                    <div class="code">&amp;#xe64f;</div>
                    <div class="fontclass">.jieyueguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6aa;</i>
                    <div class="name">积分</div>
                    <div class="code">&amp;#xe6aa;</div>
                    <div class="fontclass">.jifen</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe650;</i>
                    <div class="name">委托</div>
                    <div class="code">&amp;#xe650;</div>
                    <div class="fontclass">.weituo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe651;</i>
                    <div class="name">联系人</div>
                    <div class="code">&amp;#xe651;</div>
                    <div class="fontclass">.lianxiren</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe652;</i>
                    <div class="name">组织</div>
                    <div class="code">&amp;#xe652;</div>
                    <div class="fontclass">.zuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe653;</i>
                    <div class="name">发文处理</div>
                    <div class="code">&amp;#xe653;</div>
                    <div class="fontclass">.fawenchuli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe654;</i>
                    <div class="name">发文列表</div>
                    <div class="code">&amp;#xe654;</div>
                    <div class="fontclass">.fawenliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe692;</i>
                    <div class="name">qq</div>
                    <div class="code">&amp;#xe692;</div>
                    <div class="fontclass">.qq</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69b;</i>
                    <div class="name">上箭头-2</div>
                    <div class="code">&amp;#xe69b;</div>
                    <div class="fontclass">.shangjiantou2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69c;</i>
                    <div class="name">下箭头-2</div>
                    <div class="code">&amp;#xe69c;</div>
                    <div class="fontclass">.xiajiantou2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe655;</i>
                    <div class="name">工作流</div>
                    <div class="code">&amp;#xe655;</div>
                    <div class="fontclass">.iconfontworkflow</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe656;</i>
                    <div class="name">圆圈</div>
                    <div class="code">&amp;#xe656;</div>
                    <div class="fontclass">.yuanquan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe657;</i>
                    <div class="name">审核</div>
                    <div class="code">&amp;#xe657;</div>
                    <div class="fontclass">.icon19</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68a;</i>
                    <div class="name">邮箱体检-取消</div>
                    <div class="code">&amp;#xe68a;</div>
                    <div class="fontclass">.youxiangtijianquxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe658;</i>
                    <div class="name">待办任务</div>
                    <div class="code">&amp;#xe658;</div>
                    <div class="fontclass">.daibanrenwu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe659;</i>
                    <div class="name">正品保障</div>
                    <div class="code">&amp;#xe659;</div>
                    <div class="fontclass">.zhengpinbaozhang1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe693;</i>
                    <div class="name">微信</div>
                    <div class="code">&amp;#xe693;</div>
                    <div class="fontclass">.weixin1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65a;</i>
                    <div class="name">对号</div>
                    <div class="code">&amp;#xe65a;</div>
                    <div class="fontclass">.duihao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b1;</i>
                    <div class="name">审批</div>
                    <div class="code">&amp;#xe6b1;</div>
                    <div class="fontclass">.shenpi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65b;</i>
                    <div class="name">定位</div>
                    <div class="code">&amp;#xe65b;</div>
                    <div class="fontclass">.dingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65c;</i>
                    <div class="name">对号</div>
                    <div class="code">&amp;#xe65c;</div>
                    <div class="fontclass">.duihao1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65d;</i>
                    <div class="name">10已办</div>
                    <div class="code">&amp;#xe65d;</div>
                    <div class="fontclass">.10yiban</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65e;</i>
                    <div class="name">14督办</div>
                    <div class="code">&amp;#xe65e;</div>
                    <div class="fontclass">.14duban</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe65f;</i>
                    <div class="name">26其他申请归档</div>
                    <div class="code">&amp;#xe65f;</div>
                    <div class="fontclass">.26qitashenqingguidang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe660;</i>
                    <div class="name">奖杯</div>
                    <div class="code">&amp;#xe660;</div>
                    <div class="fontclass">.icon</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe661;</i>
                    <div class="name">03辅助办公</div>
                    <div class="code">&amp;#xe661;</div>
                    <div class="fontclass">.03fuzhubangong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe662;</i>
                    <div class="name">仓库扩建</div>
                    <div class="code">&amp;#xe662;</div>
                    <div class="fontclass">.cangkukuojian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ed;</i>
                    <div class="name">用户</div>
                    <div class="code">&amp;#xe6ed;</div>
                    <div class="fontclass">.yonghu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe663;</i>
                    <div class="name">右箭头圈</div>
                    <div class="code">&amp;#xe663;</div>
                    <div class="fontclass">.youjiantouquan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6af;</i>
                    <div class="name">loading</div>
                    <div class="code">&amp;#xe6af;</div>
                    <div class="fontclass">.loading</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ee;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe6ee;</div>
                    <div class="fontclass">.xia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b4;</i>
                    <div class="name">粘贴</div>
                    <div class="code">&amp;#xe6b4;</div>
                    <div class="fontclass">.zhantie1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe664;</i>
                    <div class="name">综合分析</div>
                    <div class="code">&amp;#xe664;</div>
                    <div class="fontclass">.icon114</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe665;</i>
                    <div class="name">数据检查</div>
                    <div class="code">&amp;#xe665;</div>
                    <div class="fontclass">.icon115</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ef;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe6ef;</div>
                    <div class="fontclass">.cuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6bf;</i>
                    <div class="name">购物车</div>
                    <div class="code">&amp;#xe6bf;</div>
                    <div class="fontclass">.lumigouff580e</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe666;</i>
                    <div class="name">角色管理</div>
                    <div class="code">&amp;#xe666;</div>
                    <div class="fontclass">.jiaoseguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe667;</i>
                    <div class="name">服务平台-设置</div>
                    <div class="code">&amp;#xe667;</div>
                    <div class="fontclass">.shezhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe668;</i>
                    <div class="name">用户</div>
                    <div class="code">&amp;#xe668;</div>
                    <div class="fontclass">.10</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c0;</i>
                    <div class="name">视频</div>
                    <div class="code">&amp;#xe6c0;</div>
                    <div class="fontclass">.shipin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c1;</i>
                    <div class="name">视频</div>
                    <div class="code">&amp;#xe6c1;</div>
                    <div class="fontclass">.shipin1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe669;</i>
                    <div class="name">意见反馈</div>
                    <div class="code">&amp;#xe669;</div>
                    <div class="fontclass">.yijianfankui</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c2;</i>
                    <div class="name">相机</div>
                    <div class="code">&amp;#xe6c2;</div>
                    <div class="fontclass">.xiangji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66a;</i>
                    <div class="name">分享</div>
                    <div class="code">&amp;#xe66a;</div>
                    <div class="fontclass">.fenxiangan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe691;</i>
                    <div class="name">home</div>
                    <div class="code">&amp;#xe691;</div>
                    <div class="fontclass">.home</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66b;</i>
                    <div class="name">sun-o</div>
                    <div class="code">&amp;#xe66b;</div>
                    <div class="fontclass">.sun-o</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66c;</i>
                    <div class="name">汇总</div>
                    <div class="code">&amp;#xe66c;</div>
                    <div class="fontclass">.huizong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6da;</i>
                    <div class="name">excel</div>
                    <div class="code">&amp;#xe6da;</div>
                    <div class="fontclass">.excel</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66d;</i>
                    <div class="name">双箭头_上</div>
                    <div class="code">&amp;#xe66d;</div>
                    <div class="fontclass">.shuangjiantoushang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66e;</i>
                    <div class="name">双箭头_右</div>
                    <div class="code">&amp;#xe66e;</div>
                    <div class="fontclass">.shuangjiantouyou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66f;</i>
                    <div class="name">双箭头_下</div>
                    <div class="code">&amp;#xe66f;</div>
                    <div class="fontclass">.shuangjiantouxia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f0;</i>
                    <div class="name">右右</div>
                    <div class="code">&amp;#xe6f0;</div>
                    <div class="fontclass">.youyou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f1;</i>
                    <div class="name">左左</div>
                    <div class="code">&amp;#xe6f1;</div>
                    <div class="fontclass">.zuozuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ac;</i>
                    <div class="name">移动</div>
                    <div class="code">&amp;#xe6ac;</div>
                    <div class="fontclass">.yidong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe670;</i>
                    <div class="name">送货车</div>
                    <div class="code">&amp;#xe670;</div>
                    <div class="fontclass">.songhuoche</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68d;</i>
                    <div class="name">流程管理</div>
                    <div class="code">&amp;#xe68d;</div>
                    <div class="fontclass">.procedures</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe671;</i>
                    <div class="name">数据统计</div>
                    <div class="code">&amp;#xe671;</div>
                    <div class="fontclass">.shujutongji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe686;</i>
                    <div class="name">上一页</div>
                    <div class="code">&amp;#xe686;</div>
                    <div class="fontclass">.shangyiye</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe687;</i>
                    <div class="name">下一页</div>
                    <div class="code">&amp;#xe687;</div>
                    <div class="fontclass">.xiayiye</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe672;</i>
                    <div class="name">删除</div>
                    <div class="code">&amp;#xe672;</div>
                    <div class="fontclass">.shanchu1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c3;</i>
                    <div class="name">相机</div>
                    <div class="code">&amp;#xe6c3;</div>
                    <div class="fontclass">.xiangji1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f2;</i>
                    <div class="name">放大镜</div>
                    <div class="code">&amp;#xe6f2;</div>
                    <div class="fontclass">.fd</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe673;</i>
                    <div class="name">箭头上</div>
                    <div class="code">&amp;#xe673;</div>
                    <div class="fontclass">.jiantoushang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe674;</i>
                    <div class="name">箭头下</div>
                    <div class="code">&amp;#xe674;</div>
                    <div class="fontclass">.jiantouxia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c4;</i>
                    <div class="name">流程发起</div>
                    <div class="code">&amp;#xe6c4;</div>
                    <div class="fontclass">.liuchengfaqi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6df;</i>
                    <div class="name">user</div>
                    <div class="code">&amp;#xe6df;</div>
                    <div class="fontclass">.user</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe688;</i>
                    <div class="name">random</div>
                    <div class="code">&amp;#xe688;</div>
                    <div class="fontclass">.random</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6dc;</i>
                    <div class="name">3个点</div>
                    <div class="code">&amp;#xe6dc;</div>
                    <div class="fontclass">.3gedian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c5;</i>
                    <div class="name">个人中心</div>
                    <div class="code">&amp;#xe6c5;</div>
                    <div class="fontclass">.iconfontgerenzhongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe675;</i>
                    <div class="name">代理管理</div>
                    <div class="code">&amp;#xe675;</div>
                    <div class="fontclass">.dailiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ad;</i>
                    <div class="name">折线图</div>
                    <div class="code">&amp;#xe6ad;</div>
                    <div class="fontclass">.iconfontcolor56</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe676;</i>
                    <div class="name">正品保障-1</div>
                    <div class="code">&amp;#xe676;</div>
                    <div class="fontclass">.zhengpinbaozhang1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe677;</i>
                    <div class="name">飞机_Solid</div>
                    <div class="code">&amp;#xe677;</div>
                    <div class="fontclass">.feijisolid</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe678;</i>
                    <div class="name">打印</div>
                    <div class="code">&amp;#xe678;</div>
                    <div class="fontclass">.dayin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ab;</i>
                    <div class="name">礼品</div>
                    <div class="code">&amp;#xe6ab;</div>
                    <div class="fontclass">.lipin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d8;</i>
                    <div class="name">location</div>
                    <div class="code">&amp;#xe6d8;</div>
                    <div class="fontclass">.location</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a8;</i>
                    <div class="name">三角-01</div>
                    <div class="code">&amp;#xe6a8;</div>
                    <div class="fontclass">.sanjiao01</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe679;</i>
                    <div class="name">用户</div>
                    <div class="code">&amp;#xe679;</div>
                    <div class="fontclass">.svgmoban10</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67a;</i>
                    <div class="name">权限</div>
                    <div class="code">&amp;#xe67a;</div>
                    <div class="fontclass">.svgmoban12</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c6;</i>
                    <div class="name">圆-空心</div>
                    <div class="code">&amp;#xe6c6;</div>
                    <div class="fontclass">.yuankongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe694;</i>
                    <div class="name">qq</div>
                    <div class="code">&amp;#xe694;</div>
                    <div class="fontclass">.qq1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ae;</i>
                    <div class="name">支付宝</div>
                    <div class="code">&amp;#xe6ae;</div>
                    <div class="fontclass">.alipay</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67b;</i>
                    <div class="name">箭头右_Line</div>
                    <div class="code">&amp;#xe67b;</div>
                    <div class="fontclass">.jiantouyouline</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67c;</i>
                    <div class="name">箭头左_Line</div>
                    <div class="code">&amp;#xe67c;</div>
                    <div class="fontclass">.jiantouzuoline</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f3;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe6f3;</div>
                    <div class="fontclass">.jia1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c7;</i>
                    <div class="name">购物车</div>
                    <div class="code">&amp;#xe6c7;</div>
                    <div class="fontclass">.gouwuche2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f4;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe6f4;</div>
                    <div class="fontclass">.xin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67d;</i>
                    <div class="name">我的代理</div>
                    <div class="code">&amp;#xe67d;</div>
                    <div class="fontclass">.wodedaili</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67e;</i>
                    <div class="name">签合同</div>
                    <div class="code">&amp;#xe67e;</div>
                    <div class="fontclass">.qianhetong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe68e;</i>
                    <div class="name">审批</div>
                    <div class="code">&amp;#xe68e;</div>
                    <div class="fontclass">.shenpi1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67f;</i>
                    <div class="name">人工申请</div>
                    <div class="code">&amp;#xe67f;</div>
                    <div class="fontclass">.rengongshenqing</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe680;</i>
                    <div class="name">统计</div>
                    <div class="code">&amp;#xe680;</div>
                    <div class="fontclass">.count</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe681;</i>
                    <div class="name">发现</div>
                    <div class="code">&amp;#xe681;</div>
                    <div class="fontclass">.faxian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe682;</i>
                    <div class="name">权限_角色</div>
                    <div class="code">&amp;#xe682;</div>
                    <div class="fontclass">.access_user</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe683;</i>
                    <div class="name">菜单</div>
                    <div class="code">&amp;#xe683;</div>
                    <div class="fontclass">.caidan1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe684;</i>
                    <div class="name">时间</div>
                    <div class="code">&amp;#xe684;</div>
                    <div class="fontclass">.time</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6dd;</i>
                    <div class="name">对话</div>
                    <div class="code">&amp;#xe6dd;</div>
                    <div class="fontclass">.duihua2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe69f;</i>
                    <div class="name">新浪</div>
                    <div class="code">&amp;#xe69f;</div>
                    <div class="fontclass">.xinlang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b0;</i>
                    <div class="name">电话</div>
                    <div class="code">&amp;#xe6b0;</div>
                    <div class="fontclass">.dianhua1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe695;</i>
                    <div class="name">微信</div>
                    <div class="code">&amp;#xe695;</div>
                    <div class="fontclass">.weixin2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c8;</i>
                    <div class="name">关闭</div>
                    <div class="code">&amp;#xe6c8;</div>
                    <div class="fontclass">.guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6de;</i>
                    <div class="name">点赞</div>
                    <div class="code">&amp;#xe6de;</div>
                    <div class="fontclass">.dianzan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f5;</i>
                    <div class="name">checked</div>
                    <div class="code">&amp;#xe6f5;</div>
                    <div class="fontclass">.xingbiexuanze</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b2;</i>
                    <div class="name">肌肉</div>
                    <div class="code">&amp;#xe6b2;</div>
                    <div class="fontclass">.jirou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f6;</i>
                    <div class="name">礼物盒子</div>
                    <div class="code">&amp;#xe6f6;</div>
                    <div class="fontclass">.jinlingyingcaiwangtubiao83</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e6;</i>
                    <div class="name">vip</div>
                    <div class="code">&amp;#xe6e6;</div>
                    <div class="fontclass">.vip</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6c9;</i>
                    <div class="name">指纹</div>
                    <div class="code">&amp;#xe6c9;</div>
                    <div class="fontclass">.zhiwen</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ca;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe6ca;</div>
                    <div class="fontclass">.nv</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6cb;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe6cb;</div>
                    <div class="fontclass">.nan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6db;</i>
                    <div class="name">word</div>
                    <div class="code">&amp;#xe6db;</div>
                    <div class="fontclass">.word</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b3;</i>
                    <div class="name">卡路里</div>
                    <div class="code">&amp;#xe6b3;</div>
                    <div class="fontclass">.kaluli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6cc;</i>
                    <div class="name">我的</div>
                    <div class="code">&amp;#xe6cc;</div>
                    <div class="fontclass">.wode</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6cd;</i>
                    <div class="name">个人中心</div>
                    <div class="code">&amp;#xe6cd;</div>
                    <div class="fontclass">.geren</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e2;</i>
                    <div class="name">H5</div>
                    <div class="code">&amp;#xe6e2;</div>
                    <div class="fontclass">.h5</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f7;</i>
                    <div class="name">对勾</div>
                    <div class="code">&amp;#xe6f7;</div>
                    <div class="fontclass">.duigou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ce;</i>
                    <div class="name">未消费-01</div>
                    <div class="code">&amp;#xe6ce;</div>
                    <div class="fontclass">.weixiaofei01</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f8;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe6f8;</div>
                    <div class="fontclass">.shang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6cf;</i>
                    <div class="name">奖杯</div>
                    <div class="code">&amp;#xe6cf;</div>
                    <div class="fontclass">.jiangbei</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d9;</i>
                    <div class="name">在线学习</div>
                    <div class="code">&amp;#xe6d9;</div>
                    <div class="fontclass">.zaixianxuexi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d0;</i>
                    <div class="name">邮箱</div>
                    <div class="code">&amp;#xe6d0;</div>
                    <div class="fontclass">.youxiang1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d1;</i>
                    <div class="name">预约 空</div>
                    <div class="code">&amp;#xe6d1;</div>
                    <div class="fontclass">.yuyuekong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d2;</i>
                    <div class="name">用户-空</div>
                    <div class="code">&amp;#xe6d2;</div>
                    <div class="fontclass">.yonghukong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d3;</i>
                    <div class="name">个人中心-地址管理</div>
                    <div class="code">&amp;#xe6d3;</div>
                    <div class="fontclass">.gerenzhongxindizhiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d4;</i>
                    <div class="name">个人中心-账户安全</div>
                    <div class="code">&amp;#xe6d4;</div>
                    <div class="fontclass">.gerenzhongxinzhanghuanquan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d5;</i>
                    <div class="name">消费记录</div>
                    <div class="code">&amp;#xe6d5;</div>
                    <div class="fontclass">.icon12</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d6;</i>
                    <div class="name">消费码</div>
                    <div class="code">&amp;#xe6d6;</div>
                    <div class="fontclass">.xiaofeima</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b7;</i>
                    <div class="name">上箭头</div>
                    <div class="code">&amp;#xe6b7;</div>
                    <div class="fontclass">.shangjiantou2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6b8;</i>
                    <div class="name">下箭头</div>
                    <div class="code">&amp;#xe6b8;</div>
                    <div class="fontclass">.xiajiantou2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6d7;</i>
                    <div class="name">五星</div>
                    <div class="code">&amp;#xe6d7;</div>
                    <div class="fontclass">.wuxing</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6f9;</i>
                    <div class="name">微博</div>
                    <div class="code">&amp;#xe6f9;</div>
                    <div class="fontclass">.weibo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fa;</i>
                    <div class="name">订单列表</div>
                    <div class="code">&amp;#xe6fa;</div>
                    <div class="fontclass">.dingdanliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fb;</i>
                    <div class="name">上传</div>
                    <div class="code">&amp;#xe6fb;</div>
                    <div class="fontclass">.shangchuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fc;</i>
                    <div class="name">金币</div>
                    <div class="code">&amp;#xe6fc;</div>
                    <div class="fontclass">.jinbi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fd;</i>
                    <div class="name">加号</div>
                    <div class="code">&amp;#xe6fd;</div>
                    <div class="fontclass">.comiisjiahao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6fe;</i>
                    <div class="name">编辑</div>
                    <div class="code">&amp;#xe6fe;</div>
                    <div class="fontclass">.edit-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ff;</i>
                    <div class="name">心心</div>
                    <div class="code">&amp;#xe6ff;</div>
                    <div class="fontclass">.xinxin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe700;</i>
                    <div class="name">X</div>
                    <div class="code">&amp;#xe700;</div>
                    <div class="fontclass">.101</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe701;</i>
                    <div class="name">对号</div>
                    <div class="code">&amp;#xe701;</div>
                    <div class="fontclass">.duihao2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe702;</i>
                    <div class="name">星星</div>
                    <div class="code">&amp;#xe702;</div>
                    <div class="fontclass">.iconfontxingxing</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e9;</i>
                    <div class="name">钻石</div>
                    <div class="code">&amp;#xe6e9;</div>
                    <div class="fontclass">.zuanshi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe703;</i>
                    <div class="name">关注</div>
                    <div class="code">&amp;#xe703;</div>
                    <div class="fontclass">.guanzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e3;</i>
                    <div class="name">大数据</div>
                    <div class="code">&amp;#xe6e3;</div>
                    <div class="fontclass">.3dashuju</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe704;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe704;</div>
                    <div class="fontclass">.39</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe705;</i>
                    <div class="name">登陆页-钥匙锁 </div>
                    <div class="code">&amp;#xe705;</div>
                    <div class="fontclass">.password</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e4;</i>
                    <div class="name">vr</div>
                    <div class="code">&amp;#xe6e4;</div>
                    <div class="fontclass">.vr</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe706;</i>
                    <div class="name">省略号</div>
                    <div class="code">&amp;#xe706;</div>
                    <div class="fontclass">.shenglvehao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6ea;</i>
                    <div class="name">密码</div>
                    <div class="code">&amp;#xe6ea;</div>
                    <div class="fontclass">.mima</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe707;</i>
                    <div class="name">表单完成</div>
                    <div class="code">&amp;#xe707;</div>
                    <div class="fontclass">.biaodanwancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe708;</i>
                    <div class="name">钻石</div>
                    <div class="code">&amp;#xe708;</div>
                    <div class="fontclass">.zuanshi1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe709;</i>
                    <div class="name"></div>
                    <div class="code">&amp;#xe709;</div>
                    <div class="fontclass">.wo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe70a;</i>
                    <div class="name">QQ</div>
                    <div class="code">&amp;#xe70a;</div>
                    <div class="fontclass">.qq2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe70b;</i>
                    <div class="name">美元_dollar155</div>
                    <div class="code">&amp;#xe70b;</div>
                    <div class="fontclass">.meiyuandollar155</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e1;</i>
                    <div class="name">婴儿车_line</div>
                    <div class="code">&amp;#xe6e1;</div>
                    <div class="fontclass">.yingercheline</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6e5;</i>
                    <div class="name">PMP-1</div>
                    <div class="code">&amp;#xe6e5;</div>
                    <div class="fontclass">.pmp1</div>
                </li>
            
        </ul>


        <div class="helps">
            第一步:使用font-face声明字体
            <pre>
@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- */
}
</pre>
第二步:定义使用iconfont的样式
            <pre>
.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;}
</pre>
第三步:挑选相应图标并获取字体编码,应用于页面
<pre>
&lt;i class="iconfont"&gt;&amp;#x33;&lt;/i&gt;
</pre>
        </div>

    </div>
</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由半码博客整理,本文链接:https://www.bmabk.com/index.php/post/123055.html

(0)

相关推荐

发表回复

登录后才能评论
半码博客——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!