图标库
免费下载链接: 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"></i>
<div class="name">云上传</div>
<div class="code">&#xe600;</div>
<div class="fontclass">.yunshangchuan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">发送</div>
<div class="code">&#xe601;</div>
<div class="fontclass">.fasong</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">付款方式</div>
<div class="code">&#xe602;</div>
<div class="fontclass">.fukuanfangshi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">扬声器</div>
<div class="code">&#xe603;</div>
<div class="fontclass">.yangshengqi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">标签</div>
<div class="code">&#xe604;</div>
<div class="fontclass">.biaoqian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">日历</div>
<div class="code">&#xe605;</div>
<div class="fontclass">.rili</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">计时器</div>
<div class="code">&#xe606;</div>
<div class="fontclass">.jishiqi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">平板电脑</div>
<div class="code">&#xe607;</div>
<div class="fontclass">.pingbandiannao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">礼物</div>
<div class="code">&#xe608;</div>
<div class="fontclass">.liwu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">显示器</div>
<div class="code">&#xe609;</div>
<div class="fontclass">.xianshiqi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">照相机</div>
<div class="code">&#xe60a;</div>
<div class="fontclass">.zhaoxiangji</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">手机</div>
<div class="code">&#xe60b;</div>
<div class="fontclass">.shouji</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">对话</div>
<div class="code">&#xe60c;</div>
<div class="fontclass">.duihua</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">提示</div>
<div class="code">&#xe60d;</div>
<div class="fontclass">.tishi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">警告</div>
<div class="code">&#xe60e;</div>
<div class="fontclass">.jinggao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">帮助</div>
<div class="code">&#xe60f;</div>
<div class="fontclass">.bangzhu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">账户</div>
<div class="code">&#xe610;</div>
<div class="fontclass">.zhanghu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">剪切</div>
<div class="code">&#xe611;</div>
<div class="fontclass">.jianqie</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">文件</div>
<div class="code">&#xe612;</div>
<div class="fontclass">.wenjian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">复制文件</div>
<div class="code">&#xe613;</div>
<div class="fontclass">.fuzhiwenjian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">锁定</div>
<div class="code">&#xe614;</div>
<div class="fontclass">.suoding</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">字体</div>
<div class="code">&#xe615;</div>
<div class="fontclass">.ziti</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">饼图</div>
<div class="code">&#xe616;</div>
<div class="fontclass">.bingtu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">精确定向</div>
<div class="code">&#xe617;</div>
<div class="fontclass">.jingquedingxiang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">广告主</div>
<div class="code">&#xe618;</div>
<div class="fontclass">.guanggaozhu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">云下载</div>
<div class="code">&#xe619;</div>
<div class="fontclass">.yunxiazai</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">添加用户</div>
<div class="code">&#xe61a;</div>
<div class="fontclass">.tianjiayonghu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">粘贴</div>
<div class="code">&#xe6b5;</div>
<div class="fontclass">.zhantie</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">图片</div>
<div class="code">&#xe685;</div>
<div class="fontclass">.tupian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">星</div>
<div class="code">&#xe61b;</div>
<div class="fontclass">.xing</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">左三角</div>
<div class="code">&#xe6a2;</div>
<div class="fontclass">.zuosanjiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">订阅</div>
<div class="code">&#xe6e7;</div>
<div class="fontclass">.dingyue</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上三角</div>
<div class="code">&#xe6a3;</div>
<div class="fontclass">.shangsanjiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">赞</div>
<div class="code">&#xe61c;</div>
<div class="fontclass">.zan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">菜单</div>
<div class="code">&#xe61d;</div>
<div class="fontclass">.caidan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">加</div>
<div class="code">&#xe61e;</div>
<div class="fontclass">.jia</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">正品保障</div>
<div class="code">&#xe61f;</div>
<div class="fontclass">.zhengpinbaozhang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">图片</div>
<div class="code">&#xe6b9;</div>
<div class="fontclass">.tupian1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">闪电</div>
<div class="code">&#xe620;</div>
<div class="fontclass">.shandian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">右三角</div>
<div class="code">&#xe6a4;</div>
<div class="fontclass">.yousanjiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">快捷</div>
<div class="code">&#xe621;</div>
<div class="fontclass">.kuaijie</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">公文包</div>
<div class="code">&#xe622;</div>
<div class="fontclass">.gongwenbao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">购物车</div>
<div class="code">&#xe623;</div>
<div class="fontclass">.gouwuche</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">图片</div>
<div class="code">&#xe6ba;</div>
<div class="fontclass">.tupian2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">督办</div>
<div class="code">&#xe624;</div>
<div class="fontclass">.duban</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">剪切</div>
<div class="code">&#xe625;</div>
<div class="fontclass">.jianqie1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">喇叭</div>
<div class="code">&#xe626;</div>
<div class="fontclass">.laba</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">退出</div>
<div class="code">&#xe627;</div>
<div class="fontclass">.exit-door</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">比价NF</div>
<div class="code">&#xe628;</div>
<div class="fontclass">.bijiaNF</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">查看</div>
<div class="code">&#xe629;</div>
<div class="fontclass">.chakan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">购物车</div>
<div class="code">&#xe62a;</div>
<div class="fontclass">.gouwuche1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">优惠券</div>
<div class="code">&#xe6a9;</div>
<div class="fontclass">.youhuiquan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">客服</div>
<div class="code">&#xe6a0;</div>
<div class="fontclass">.kefu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">地球</div>
<div class="code">&#xe62b;</div>
<div class="fontclass">.diqiu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">在线客服</div>
<div class="code">&#xe6a1;</div>
<div class="fontclass">.zaixiankefu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">微信</div>
<div class="code">&#xe6eb;</div>
<div class="fontclass">.weixin</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">列表</div>
<div class="code">&#xe62c;</div>
<div class="fontclass">.liebiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">搜索</div>
<div class="code">&#xe62d;</div>
<div class="fontclass">.sousuo</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">首页</div>
<div class="code">&#xe6e8;</div>
<div class="fontclass">.shouye</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">安全保障</div>
<div class="code">&#xe62e;</div>
<div class="fontclass">.series16</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">右箭头</div>
<div class="code">&#xe696;</div>
<div class="fontclass">.f10</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">二维码</div>
<div class="code">&#xe6b6;</div>
<div class="fontclass">.erweima</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">设置</div>
<div class="code">&#xe62f;</div>
<div class="fontclass">.shezhi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">减</div>
<div class="code">&#xe68f;</div>
<div class="fontclass">.jiajian01</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">室外场地</div>
<div class="code">&#xe630;</div>
<div class="fontclass">.shiwaichangdi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">时间</div>
<div class="code">&#xe6bb;</div>
<div class="fontclass">.shijian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">日历</div>
<div class="code">&#xe631;</div>
<div class="fontclass">.rili1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">电话</div>
<div class="code">&#xe6bc;</div>
<div class="fontclass">.dianhua</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">归档</div>
<div class="code">&#xe632;</div>
<div class="fontclass">.guidang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">铃声</div>
<div class="code">&#xe6e0;</div>
<div class="fontclass">.icon13</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">三角</div>
<div class="code">&#xe6a5;</div>
<div class="fontclass">.sanjiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上箭头</div>
<div class="code">&#xe697;</div>
<div class="fontclass">.shangjiantou</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下箭头</div>
<div class="code">&#xe698;</div>
<div class="fontclass">.xiajiantou</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">喊话</div>
<div class="code">&#xe633;</div>
<div class="fontclass">.laba1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">搜索</div>
<div class="code">&#xe634;</div>
<div class="fontclass">.sousuo1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">编辑</div>
<div class="code">&#xe635;</div>
<div class="fontclass">.bianji</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">便宜有好货</div>
<div class="code">&#xe636;</div>
<div class="fontclass">.pinayi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">流程</div>
<div class="code">&#xe6bd;</div>
<div class="fontclass">.liucheng</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">系统管理</div>
<div class="code">&#xe637;</div>
<div class="fontclass">.xitongguanli</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">取消任务</div>
<div class="code">&#xe689;</div>
<div class="fontclass">.cancel</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">流程超期分段统计</div>
<div class="code">&#xe68b;</div>
<div class="fontclass">.liuchengchaoqifenduantongji</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">任务管理</div>
<div class="code">&#xe638;</div>
<div class="fontclass">.renwuguanli</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">箭头向右</div>
<div class="code">&#xe639;</div>
<div class="fontclass">.4</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">工作流程</div>
<div class="code">&#xe68c;</div>
<div class="fontclass">.gongzuoliucheng</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">保存</div>
<div class="code">&#xe63a;</div>
<div class="fontclass">.baocun</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">数据分析</div>
<div class="code">&#xe63b;</div>
<div class="fontclass">.shujufenxi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">导出 Export</div>
<div class="code">&#xe63c;</div>
<div class="fontclass">.daochuexport</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">导入 Import</div>
<div class="code">&#xe63d;</div>
<div class="fontclass">.daoruimport</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">腾讯微博</div>
<div class="code">&#xe69d;</div>
<div class="fontclass">.txwb</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下三角</div>
<div class="code">&#xe6a6;</div>
<div class="fontclass">.iconfontordinaryxiajiantou</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">错</div>
<div class="code">&#xe63e;</div>
<div class="fontclass">.cuo</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">close</div>
<div class="code">&#xe690;</div>
<div class="fontclass">.tubiao06</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">消息</div>
<div class="code">&#xe63f;</div>
<div class="fontclass">.xiaoxi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">云</div>
<div class="code">&#xe640;</div>
<div class="fontclass">.cloud</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">加</div>
<div class="code">&#xe641;</div>
<div class="fontclass">.add-round</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">tags</div>
<div class="code">&#xe642;</div>
<div class="fontclass">.tags</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下拉三角</div>
<div class="code">&#xe6a7;</div>
<div class="fontclass">.xialasanjiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">防伪查询</div>
<div class="code">&#xe643;</div>
<div class="fontclass">.weibiaoti111</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">后退一步</div>
<div class="code">&#xe644;</div>
<div class="fontclass">.houtuiyibu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">报表</div>
<div class="code">&#xe645;</div>
<div class="fontclass">.baobiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">4核</div>
<div class="code">&#xe646;</div>
<div class="fontclass">.4he</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">地图定位</div>
<div class="code">&#xe647;</div>
<div class="fontclass">.ditudingwei</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">邮箱</div>
<div class="code">&#xe6be;</div>
<div class="fontclass">.youxiang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">QQ空间</div>
<div class="code">&#xe69e;</div>
<div class="fontclass">.qqkongjian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">聊天记录</div>
<div class="code">&#xe648;</div>
<div class="fontclass">.liaotianjilu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">个人工作台</div>
<div class="code">&#xe649;</div>
<div class="fontclass">.00</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">删除</div>
<div class="code">&#xe6ec;</div>
<div class="fontclass">.shanchu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上传</div>
<div class="code">&#xe64a;</div>
<div class="fontclass">.shangchuan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下载</div>
<div class="code">&#xe64b;</div>
<div class="fontclass">.xiazai</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上箭头</div>
<div class="code">&#xe699;</div>
<div class="fontclass">.shangjiantou1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下箭头</div>
<div class="code">&#xe69a;</div>
<div class="fontclass">.xiajiantou1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">文件夹3</div>
<div class="code">&#xe64c;</div>
<div class="fontclass">.wenjianjia3</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">特惠精选</div>
<div class="code">&#xe64d;</div>
<div class="fontclass">.tehuijingxuan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">图书借阅</div>
<div class="code">&#xe64e;</div>
<div class="fontclass">.6</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">借阅管理</div>
<div class="code">&#xe64f;</div>
<div class="fontclass">.jieyueguanli</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">积分</div>
<div class="code">&#xe6aa;</div>
<div class="fontclass">.jifen</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">委托</div>
<div class="code">&#xe650;</div>
<div class="fontclass">.weituo</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">联系人</div>
<div class="code">&#xe651;</div>
<div class="fontclass">.lianxiren</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">组织</div>
<div class="code">&#xe652;</div>
<div class="fontclass">.zuzhi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">发文处理</div>
<div class="code">&#xe653;</div>
<div class="fontclass">.fawenchuli</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">发文列表</div>
<div class="code">&#xe654;</div>
<div class="fontclass">.fawenliebiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">qq</div>
<div class="code">&#xe692;</div>
<div class="fontclass">.qq</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上箭头-2</div>
<div class="code">&#xe69b;</div>
<div class="fontclass">.shangjiantou2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下箭头-2</div>
<div class="code">&#xe69c;</div>
<div class="fontclass">.xiajiantou2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">工作流</div>
<div class="code">&#xe655;</div>
<div class="fontclass">.iconfontworkflow</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">圆圈</div>
<div class="code">&#xe656;</div>
<div class="fontclass">.yuanquan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">审核</div>
<div class="code">&#xe657;</div>
<div class="fontclass">.icon19</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">邮箱体检-取消</div>
<div class="code">&#xe68a;</div>
<div class="fontclass">.youxiangtijianquxiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">待办任务</div>
<div class="code">&#xe658;</div>
<div class="fontclass">.daibanrenwu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">正品保障</div>
<div class="code">&#xe659;</div>
<div class="fontclass">.zhengpinbaozhang1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">微信</div>
<div class="code">&#xe693;</div>
<div class="fontclass">.weixin1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">对号</div>
<div class="code">&#xe65a;</div>
<div class="fontclass">.duihao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">审批</div>
<div class="code">&#xe6b1;</div>
<div class="fontclass">.shenpi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">定位</div>
<div class="code">&#xe65b;</div>
<div class="fontclass">.dingwei</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">对号</div>
<div class="code">&#xe65c;</div>
<div class="fontclass">.duihao1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">10已办</div>
<div class="code">&#xe65d;</div>
<div class="fontclass">.10yiban</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">14督办</div>
<div class="code">&#xe65e;</div>
<div class="fontclass">.14duban</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">26其他申请归档</div>
<div class="code">&#xe65f;</div>
<div class="fontclass">.26qitashenqingguidang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">奖杯</div>
<div class="code">&#xe660;</div>
<div class="fontclass">.icon</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">03辅助办公</div>
<div class="code">&#xe661;</div>
<div class="fontclass">.03fuzhubangong</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">仓库扩建</div>
<div class="code">&#xe662;</div>
<div class="fontclass">.cangkukuojian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">用户</div>
<div class="code">&#xe6ed;</div>
<div class="fontclass">.yonghu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">右箭头圈</div>
<div class="code">&#xe663;</div>
<div class="fontclass">.youjiantouquan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">loading</div>
<div class="code">&#xe6af;</div>
<div class="fontclass">.loading</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下</div>
<div class="code">&#xe6ee;</div>
<div class="fontclass">.xia</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">粘贴</div>
<div class="code">&#xe6b4;</div>
<div class="fontclass">.zhantie1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">综合分析</div>
<div class="code">&#xe664;</div>
<div class="fontclass">.icon114</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">数据检查</div>
<div class="code">&#xe665;</div>
<div class="fontclass">.icon115</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">错</div>
<div class="code">&#xe6ef;</div>
<div class="fontclass">.cuo1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">购物车</div>
<div class="code">&#xe6bf;</div>
<div class="fontclass">.lumigouff580e</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">角色管理</div>
<div class="code">&#xe666;</div>
<div class="fontclass">.jiaoseguanli</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">服务平台-设置</div>
<div class="code">&#xe667;</div>
<div class="fontclass">.shezhi1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">用户</div>
<div class="code">&#xe668;</div>
<div class="fontclass">.10</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">视频</div>
<div class="code">&#xe6c0;</div>
<div class="fontclass">.shipin</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">视频</div>
<div class="code">&#xe6c1;</div>
<div class="fontclass">.shipin1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">意见反馈</div>
<div class="code">&#xe669;</div>
<div class="fontclass">.yijianfankui</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">相机</div>
<div class="code">&#xe6c2;</div>
<div class="fontclass">.xiangji</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">分享</div>
<div class="code">&#xe66a;</div>
<div class="fontclass">.fenxiangan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">home</div>
<div class="code">&#xe691;</div>
<div class="fontclass">.home</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">sun-o</div>
<div class="code">&#xe66b;</div>
<div class="fontclass">.sun-o</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">汇总</div>
<div class="code">&#xe66c;</div>
<div class="fontclass">.huizong</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">excel</div>
<div class="code">&#xe6da;</div>
<div class="fontclass">.excel</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">双箭头_上</div>
<div class="code">&#xe66d;</div>
<div class="fontclass">.shuangjiantoushang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">双箭头_右</div>
<div class="code">&#xe66e;</div>
<div class="fontclass">.shuangjiantouyou</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">双箭头_下</div>
<div class="code">&#xe66f;</div>
<div class="fontclass">.shuangjiantouxia</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">右右</div>
<div class="code">&#xe6f0;</div>
<div class="fontclass">.youyou</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">左左</div>
<div class="code">&#xe6f1;</div>
<div class="fontclass">.zuozuo</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">移动</div>
<div class="code">&#xe6ac;</div>
<div class="fontclass">.yidong</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">送货车</div>
<div class="code">&#xe670;</div>
<div class="fontclass">.songhuoche</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">流程管理</div>
<div class="code">&#xe68d;</div>
<div class="fontclass">.procedures</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">数据统计</div>
<div class="code">&#xe671;</div>
<div class="fontclass">.shujutongji</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上一页</div>
<div class="code">&#xe686;</div>
<div class="fontclass">.shangyiye</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下一页</div>
<div class="code">&#xe687;</div>
<div class="fontclass">.xiayiye</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">删除</div>
<div class="code">&#xe672;</div>
<div class="fontclass">.shanchu1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">相机</div>
<div class="code">&#xe6c3;</div>
<div class="fontclass">.xiangji1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">放大镜</div>
<div class="code">&#xe6f2;</div>
<div class="fontclass">.fd</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">箭头上</div>
<div class="code">&#xe673;</div>
<div class="fontclass">.jiantoushang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">箭头下</div>
<div class="code">&#xe674;</div>
<div class="fontclass">.jiantouxia</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">流程发起</div>
<div class="code">&#xe6c4;</div>
<div class="fontclass">.liuchengfaqi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">user</div>
<div class="code">&#xe6df;</div>
<div class="fontclass">.user</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">random</div>
<div class="code">&#xe688;</div>
<div class="fontclass">.random</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">3个点</div>
<div class="code">&#xe6dc;</div>
<div class="fontclass">.3gedian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">个人中心</div>
<div class="code">&#xe6c5;</div>
<div class="fontclass">.iconfontgerenzhongxin</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">代理管理</div>
<div class="code">&#xe675;</div>
<div class="fontclass">.dailiguanli</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">折线图</div>
<div class="code">&#xe6ad;</div>
<div class="fontclass">.iconfontcolor56</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">正品保障-1</div>
<div class="code">&#xe676;</div>
<div class="fontclass">.zhengpinbaozhang1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">飞机_Solid</div>
<div class="code">&#xe677;</div>
<div class="fontclass">.feijisolid</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">打印</div>
<div class="code">&#xe678;</div>
<div class="fontclass">.dayin</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">礼品</div>
<div class="code">&#xe6ab;</div>
<div class="fontclass">.lipin</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">location</div>
<div class="code">&#xe6d8;</div>
<div class="fontclass">.location</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">三角-01</div>
<div class="code">&#xe6a8;</div>
<div class="fontclass">.sanjiao01</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">用户</div>
<div class="code">&#xe679;</div>
<div class="fontclass">.svgmoban10</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">权限</div>
<div class="code">&#xe67a;</div>
<div class="fontclass">.svgmoban12</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">圆-空心</div>
<div class="code">&#xe6c6;</div>
<div class="fontclass">.yuankongxin</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">qq</div>
<div class="code">&#xe694;</div>
<div class="fontclass">.qq1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">支付宝</div>
<div class="code">&#xe6ae;</div>
<div class="fontclass">.alipay</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">箭头右_Line</div>
<div class="code">&#xe67b;</div>
<div class="fontclass">.jiantouyouline</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">箭头左_Line</div>
<div class="code">&#xe67c;</div>
<div class="fontclass">.jiantouzuoline</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">加</div>
<div class="code">&#xe6f3;</div>
<div class="fontclass">.jia1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">购物车</div>
<div class="code">&#xe6c7;</div>
<div class="fontclass">.gouwuche2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">心</div>
<div class="code">&#xe6f4;</div>
<div class="fontclass">.xin</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">我的代理</div>
<div class="code">&#xe67d;</div>
<div class="fontclass">.wodedaili</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">签合同</div>
<div class="code">&#xe67e;</div>
<div class="fontclass">.qianhetong</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">审批</div>
<div class="code">&#xe68e;</div>
<div class="fontclass">.shenpi1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">人工申请</div>
<div class="code">&#xe67f;</div>
<div class="fontclass">.rengongshenqing</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">统计</div>
<div class="code">&#xe680;</div>
<div class="fontclass">.count</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">发现</div>
<div class="code">&#xe681;</div>
<div class="fontclass">.faxian</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">权限_角色</div>
<div class="code">&#xe682;</div>
<div class="fontclass">.access_user</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">菜单</div>
<div class="code">&#xe683;</div>
<div class="fontclass">.caidan1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">时间</div>
<div class="code">&#xe684;</div>
<div class="fontclass">.time</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">对话</div>
<div class="code">&#xe6dd;</div>
<div class="fontclass">.duihua2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">新浪</div>
<div class="code">&#xe69f;</div>
<div class="fontclass">.xinlang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">电话</div>
<div class="code">&#xe6b0;</div>
<div class="fontclass">.dianhua1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">微信</div>
<div class="code">&#xe695;</div>
<div class="fontclass">.weixin2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">关闭</div>
<div class="code">&#xe6c8;</div>
<div class="fontclass">.guanbi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">点赞</div>
<div class="code">&#xe6de;</div>
<div class="fontclass">.dianzan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">checked</div>
<div class="code">&#xe6f5;</div>
<div class="fontclass">.xingbiexuanze</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">肌肉</div>
<div class="code">&#xe6b2;</div>
<div class="fontclass">.jirou</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">礼物盒子</div>
<div class="code">&#xe6f6;</div>
<div class="fontclass">.jinlingyingcaiwangtubiao83</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">vip</div>
<div class="code">&#xe6e6;</div>
<div class="fontclass">.vip</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">指纹</div>
<div class="code">&#xe6c9;</div>
<div class="fontclass">.zhiwen</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">女</div>
<div class="code">&#xe6ca;</div>
<div class="fontclass">.nv</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">男</div>
<div class="code">&#xe6cb;</div>
<div class="fontclass">.nan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">word</div>
<div class="code">&#xe6db;</div>
<div class="fontclass">.word</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">卡路里</div>
<div class="code">&#xe6b3;</div>
<div class="fontclass">.kaluli</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">我的</div>
<div class="code">&#xe6cc;</div>
<div class="fontclass">.wode</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">个人中心</div>
<div class="code">&#xe6cd;</div>
<div class="fontclass">.geren</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">H5</div>
<div class="code">&#xe6e2;</div>
<div class="fontclass">.h5</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">对勾</div>
<div class="code">&#xe6f7;</div>
<div class="fontclass">.duigou</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">未消费-01</div>
<div class="code">&#xe6ce;</div>
<div class="fontclass">.weixiaofei01</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上</div>
<div class="code">&#xe6f8;</div>
<div class="fontclass">.shang</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">奖杯</div>
<div class="code">&#xe6cf;</div>
<div class="fontclass">.jiangbei</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">在线学习</div>
<div class="code">&#xe6d9;</div>
<div class="fontclass">.zaixianxuexi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">邮箱</div>
<div class="code">&#xe6d0;</div>
<div class="fontclass">.youxiang1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">预约 空</div>
<div class="code">&#xe6d1;</div>
<div class="fontclass">.yuyuekong</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">用户-空</div>
<div class="code">&#xe6d2;</div>
<div class="fontclass">.yonghukong</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">个人中心-地址管理</div>
<div class="code">&#xe6d3;</div>
<div class="fontclass">.gerenzhongxindizhiguanli</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">个人中心-账户安全</div>
<div class="code">&#xe6d4;</div>
<div class="fontclass">.gerenzhongxinzhanghuanquan</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">消费记录</div>
<div class="code">&#xe6d5;</div>
<div class="fontclass">.icon12</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">消费码</div>
<div class="code">&#xe6d6;</div>
<div class="fontclass">.xiaofeima</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上箭头</div>
<div class="code">&#xe6b7;</div>
<div class="fontclass">.shangjiantou2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">下箭头</div>
<div class="code">&#xe6b8;</div>
<div class="fontclass">.xiajiantou2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">五星</div>
<div class="code">&#xe6d7;</div>
<div class="fontclass">.wuxing</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">微博</div>
<div class="code">&#xe6f9;</div>
<div class="fontclass">.weibo</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">订单列表</div>
<div class="code">&#xe6fa;</div>
<div class="fontclass">.dingdanliebiao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">上传</div>
<div class="code">&#xe6fb;</div>
<div class="fontclass">.shangchuan1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">金币</div>
<div class="code">&#xe6fc;</div>
<div class="fontclass">.jinbi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">加号</div>
<div class="code">&#xe6fd;</div>
<div class="fontclass">.comiisjiahao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">编辑</div>
<div class="code">&#xe6fe;</div>
<div class="fontclass">.edit-copy</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">心心</div>
<div class="code">&#xe6ff;</div>
<div class="fontclass">.xinxin</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">X</div>
<div class="code">&#xe700;</div>
<div class="fontclass">.101</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">对号</div>
<div class="code">&#xe701;</div>
<div class="fontclass">.duihao2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">星星</div>
<div class="code">&#xe702;</div>
<div class="fontclass">.iconfontxingxing</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">钻石</div>
<div class="code">&#xe6e9;</div>
<div class="fontclass">.zuanshi</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">关注</div>
<div class="code">&#xe703;</div>
<div class="fontclass">.guanzhu</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">大数据</div>
<div class="code">&#xe6e3;</div>
<div class="fontclass">.3dashuju</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">圆</div>
<div class="code">&#xe704;</div>
<div class="fontclass">.39</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">登陆页-钥匙锁 </div>
<div class="code">&#xe705;</div>
<div class="fontclass">.password</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">vr</div>
<div class="code">&#xe6e4;</div>
<div class="fontclass">.vr</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">省略号</div>
<div class="code">&#xe706;</div>
<div class="fontclass">.shenglvehao</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">密码</div>
<div class="code">&#xe6ea;</div>
<div class="fontclass">.mima</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">表单完成</div>
<div class="code">&#xe707;</div>
<div class="fontclass">.biaodanwancheng</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">钻石</div>
<div class="code">&#xe708;</div>
<div class="fontclass">.zuanshi1</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">我</div>
<div class="code">&#xe709;</div>
<div class="fontclass">.wo</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">QQ</div>
<div class="code">&#xe70a;</div>
<div class="fontclass">.qq2</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">美元_dollar155</div>
<div class="code">&#xe70b;</div>
<div class="fontclass">.meiyuandollar155</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">婴儿车_line</div>
<div class="code">&#xe6e1;</div>
<div class="fontclass">.yingercheline</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">PMP-1</div>
<div class="code">&#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>
<i class="iconfont">&#x33;</i>
</pre>
</div>
</div>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/123055.html
