# 

- 
  加载
  &#xe7df;
- 
  下箭头
  &#xe7db;
- 
  图层
  &#xe7dc;
- 
  复制
  &#xe7dd;
- 
  粘贴
  &#xe7de;
- 
  标记
  &#xe7e0;
- 
  编辑
  &#xe7da;
- 
  右对齐
  &#xe7d6;
- 
  左对齐
  &#xe7d7;
- 
  组件
  &#xe7d8;
- 
  居中对齐
  &#xe7d9;
- 
  关闭
  &#xe7d4;
- 
  两端对齐
  &#xe7d5;
- 
  两端对齐
  &#xe7d3;
- 
  无边框
  &#xe7cc;
- 
  外边框
  &#xe7cd;
- 
  下边框
  &#xe7ce;
- 
  上边框
  &#xe7cf;
- 
  左边框
  &#xe7d0;
- 
  右边框
  &#xe7d2;
- 
  设置圆角
  &#xe7ca;
- 
  字体
  &#xe7c8;
- 
  字体
  &#xe7c9;
- 
  按键分割线
  &#xe7c6;
- 
  换行
  &#xe7c7;
- 
  框架_frame23
  &#xe7b8;
- 
  线框
  &#xe7c1;
- 
  框选
  &#xe7c2;
- 
  下框线
  &#xe895;
- 
  上框线
  &#xe896;
- 
  左框线
  &#xe897;
- 
  右框线
  &#xe898;
- 
  外侧框线
  &#xe89b;
- 
  垂直间距
  &#xe7c4;
- 
  水平间距
  &#xe7c5;
- 
  不可视
  &#xe7bf;
- 
  可视
  &#xe7c0;
- 
  colum-height
  &#xe7bd;
- 
  column-width
  &#xe7be;
- 
  垂直居中对齐
  &#xe7b2;
- 
  水平居中对齐
  &#xe7b3;
- 
  右对齐
  &#xe7b5;
- 
  左对齐
  &#xe7b6;
- 
  网页
  &#xe7b7;
- 
  顶部对齐
  &#xe7b9;
- 
  底部对齐
  &#xe7ba;
- 
  水平等距分布
  &#xe7bb;
- 
  垂直等距分布
  &#xe7bc;
- 
  邮箱
  &#xe7b1;
- 
  对
  &#xe7b0;
- 
  合同
  &#xe7af;
- 
  归档
  &#xe7ae;
- 
  印章
  &#xe7ad;
- 
  kpi
  &#xe7ac;
- 
  流程
  &#xe7a6;
- 
  风险
  &#xe7a7;
- 
  自动化运维
  &#xe7cb;
- 
  联考模式
  &#xe7a8;
- 
  配置
  &#xe7a9;
- 
  流程
  &#xe7aa;
- 
  信用支付
  &#xe7a5;
- 
  收款
  &#xe7a4;
- 
  特色服务icon
  &#xe7a2;
- 
  承诺函
  &#xe8f9;
- 
  正品行货
  &#xe8fa;
- 
  9-劳联保险@三合一
  &#xe7a3;
- 
  网页
  &#xe7a0;
- 
  打折
  &#xe79e;
- 
  地址
  &#xe79f;
- 
  商户管理
  &#xe79d;
- 
  优惠券
  &#xe79a;
- 
  货币
  &#xe797;
- 
  支付
  &#xe79b;
- 
  运费查询
  &#xe79c;
- 
  核销
  &#xe798;
- 
  规格参数
  &#xe799;
- 
  h5
  &#xe794;
- 
  APP
  &#xe9e0;
- 
  APP
  &#xe795;
- 
  微信
  &#xe796;
- 
  积分
  &#xe78e;
- 
  满减优惠
  &#xe791;
- 
  电脑
  &#xe792;
- 
  券
  &#xe793;
- 
  已使用
  &#xe78f;
- 
  已过期
  &#xe78d;
- 
  无评论
  &#xe78c;
- 
  红包
  &#xe78b;
- 
  关注
  &#xe78a;
- 
  暂无优惠券
  &#xe789;
- 
  红包
  &#xe787;
- 
  已评价
  &#xe788;
- 
  模块
  &#xe784;
- 
  上
  &#xe786;
- 
  促销活动
  &#xe782;
- 
  任务
  &#xe783;
- 
  FaceBook
  &#xe781;
- 
  电话
  &#xe77f;
- 
  QQ
  &#xe780;
- 
  通知
  &#xe77e;
- 
  VIP
  &#xe77d;
- 
  积分
  &#xe77b;
- 
  兑换
  &#xe77c;
- 
  支付倒计时
  &#xe779;
- 
  秒杀
  &#xe77a;
- 
  待收货
  &#xe778;
- 
  等待
  &#xe774;
- 
  已取消
  &#xe775;
- 
  待付款
  &#xe776;
- 
  已取消
  &#xe777;
- 
  无商品
  &#xe773;
- 
  已领取
  &#xe770;
- 
  已抢光-完整
  &#xe772;
- 
  签到
  &#xe771;
- 
  支付设置
  &#xe98c;
- 
  筛选
  &#xe76f;
- 
  文件
  &#xe76e;
- 
  文件夹
  &#xe80c;
- 
  Excel
  &#xe763;
- 
  ppt
  &#xe769;
- 
  word
  &#xe76d;
- 
  图片
  &#xe7c3;
- 
  日期
  &#xe760;
- 
  扫一扫
  &#xe765;
- 
  缺省页－暂无数据_复制
  &#xe768;
- 
  上传
  &#xe75a;
- 
  短信验证码
  &#xe766;
- 
  条形进度条
  &#xe762;
- 
  文本框
  &#xe764;
- 
  多行文本
  &#xe767;
- 
  百货
  &#xe74a;
- 
  母婴
  &#xe74d;
- 
  美妆
  &#xe74f;
- 
  百货
  &#xe750;
- 
  食品
  &#xe751;
- 
  男装
  &#xe752;
- 
  食品
  &#xe7ab;
- 
  男装
  &#xe753;
- 
  女装
  &#xe754;
- 
  母婴
  &#xe755;
- 
  鞋子
  &#xe756;
- 
  倒计时
  &#xe759;
- 
  食品
  &#xe757;
- 
  鞋包-女包
  &#xe758;
- 
  配置_底部工具栏
  &#xe75b;
- 
  合并单元格-01
  &#xe75f;
- 
  分类
  &#xe76c;
- 
  定时
  &#xe989;
- 
  广告
  &#xe76b;
- 
  积分
  &#xe76a;
- 
  发货运费统计
  &#xe74c;
- 
  优惠卷
  &#xe6f4;
- 
  待发货
  &#xe74b;
- 
  待收货
  &#xe74e;
- 
  退款
  &#xe749;
- 
  收 藏-产品详情
  &#xe748;
- 
  消息
  &#xe747;
- 
  数据
  &#xe746;
- 
  评论
  &#xe744;
- 
  等待卖家确认运费-[转换]
  &#xe740;
- 
  返 回
  &#xe73e;
- 
  表单
  &#xe745;
- 
  自定义
  &#xe73d;
- 
  排序、排行
  &#xe73f;
- 
  排序-降序
  &#xe75d;
- 
  排序-升序
  &#xe75e;
- 
  关 闭
  &#xe73c;
- 
  初始化设置
  &#xe73a;
- 
  复制代码
  &#xe73b;
- 
  关注
  &#xe739;
- 
  发送消息
  &#xe732;
- 
  日志
  &#xe734;
- 
  商城
  &#xe736;
- 
  内容
  &#xe737;
- 
  站群
  &#xe738;
- 
  权限管理
  &#xe735;
- 
  内容管理
  &#xe72f;
- 
  系统管理
  &#xe730;
- 
  会员中心
  &#xe733;
- 
  移交 转交
  &#xe72e;
- 
  自定义
  &#xe72d;
- 
  更多
  &#xe72c;
- 
  树形
  &#xe72b;
- 
  导入
  &#xe729;
- 
  高德地图
  &#xe727;
- 
  城市
  &#xe728;
- 
  文本
  &#xe720;
- 
  按钮
  &#xe721;
- 
  上拉菜单
  &#xe722;
- 
  步进器
  &#xe723;
- 
  搜索框
  &#xe724;
- 
  环形进度图
  &#xe726;
- 
  搜索框A
  &#xeaba;
- 
  标签
  &#xe719;
- 
  分割线
  &#xe71a;
- 
  16_GJW单元格填充色
  &#xe71b;
- 
  标签页
  &#xe71c;
- 
  进度条
  &#xe743;
- 
  字段设置@2x
  &#xe71d;
- 
  轮播图
  &#xe71e;
- 
  九宫格
  &#xe71f;
- 
  保存
  &#xe713;
- 
  1010布局_导航栏
  &#xe714;
- 
  超链接
  &#xe742;
- 
  长方形
  &#xe716;
- 
  正方形
  &#xe717;
- 
  链接
  &#xe70d;
- 
  动画
  &#xe70f;
- 
  页面
  &#xe709;
- 
  新增
  &#xe70b;
- 
  背景
  &#xe70c;
- 
  暂无项目信息
  &#xe708;
- 
  gitee
  &#xe701;
- 
  企业
  &#xe700;
- 
  服务
  &#xe702;
- 
  招聘就业
  &#xe703;
- 
  活动
  &#xe704;
- 
  大楼
  &#xe706;
- 
  办公室
  &#xe707;
- 
  字号＋
  &#xe6fe;
- 
  字号-
  &#xe6ff;
- 
  地球，国际化，语言切换
  &#xe6fd;
- 
  pdf
  &#xe6fc;
- 
  中国
  &#xe6f9;
- 
  世界
  &#xe6fb;
- 
  404
  &#xe6f6;
- 
  500
  &#xe6f8;
- 
  QQ
  &#xe6ed;
- 
  微信
  &#xe6f5;
- 
  升级中
  &#xe6eb;
- 
  中国
  &#xe6f0;
- 
  全球
  &#xe6f2;
- 
  退出
  &#xe6ec;
- 
  闭眼
  &#xe6ef;
- 
  筛选
  &#xe6e9;
- 
  浏览记录
  &#xe6ea;
- 
  分类
  &#xe6e5;
- 
  首页
  &#xe6e6;
- 
  我的
  &#xe6e7;
- 
  筛选
  &#xe6e8;
- 
  响应式
  &#xe6e3;
- 
  小程序
  &#xe6e4;
- 
  颜色
  &#xe6e2;
- 
  工作转交
  &#xe6d3;
- 
  眼睛
  &#xe6e1;
- 
  点击
  &#xe861;
- 
  新建
  &#xe6e0;
- 
  暂无记录
  &#xe6ee;
- 
  无网络
  &#xebf4;
- 
  VIP
  &#xe6df;
- 
  VIP @3x
  &#xe6de;
- 
  github
  &#xe6da;
- 
  spring
  &#xe6dc;
- 
  闭眼
  &#xe6db;
- 
  待审核
  &#xe6d7;
- 
  1印章(已结清)
  &#xe6d8;
- 
  菜单
  &#xe6d4;
- 
  列表
  &#xe6d6;
- 
  表
  &#xe854;
- 
  微信支付
  &#xe6f7;
- 
  支付宝
  &#xe6d5;
- 
  推荐
  &#xe6d0;
- 
  应用源码
  &#xe6cd;
- 
  私有云
  &#xe6cf;
- 
  选中
  &#xe6ce;
- 
  加
  &#xe6cc;
- 
  项目
  &#xe6c9;
- 
  年卡
  &#xe8a4;
- 
  验证码
  &#xe7a1;
- 
  ＋喜欢
  &#xe6be;
- 
  足迹
  &#xe6bf;
- 
  评价
  &#xe6c3;
- 
  签到
  &#xe6c4;
- 
  礼物
  &#xe6c6;
- 
  优惠券
  &#xe6c5;
- 
  红包
  &#xe6c8;
- 
  分类
  &#xe6b3;
- 
  栅格2
  &#xe6bd;
- 
  评分
  &#xe715;
- 
  图片
  &#xe6ab;
- 
  编辑器
  &#xe6ae;
- 
  音频
  &#xe6af;
- 
  符号-密码输入框
  &#xe6b0;
- 
  日期选择
  &#xe6b1;
- 
  计算器 (1)
  &#xe6b2;
- 
  时间
  &#xe6b4;
- 
  多选框
  &#xe820;
- 
  文件
  &#xe867;
- 
  多行文本
  &#xe6b5;
- 
  单行文本
  &#xe6b6;
- 
  开关-关
  &#xe6b7;
- 
  滑块-01
  &#xe6b8;
- 
  -_级联下拉功能框
  &#xe6b9;
- 
  视频
  &#xe75c;
- 
  单选框
  &#xe6ba;
- 
  颜色
  &#xe82f;
- 
  自定义
  &#xe6bc;
- 
  电话
  &#xe6a9;
- 
  邮件
  &#xe6aa;
- 
  感叹号
  &#xe710;
- 
  选中
  &#xe6a7;
- 
  模板
  &#xe6a3;
- 
  收益
  &#xe6a5;
- 
  用户
  &#xe6a4;
- 
  项目
  &#xe69e;
- 
  项目
  &#xe6a0;
- 
  代码
  &#xe6a1;
- 
  手机
  &#xe785;
- 
  列表向左
  &#xe831;
- 
  列表向右
  &#xe832;
- 
  文档
  &#xe87b;
- 
  拖动
  &#xe69b;
- 
  复制
  &#xe6f1;
- 
  清空
  &#xe6cb;
- 
  Sql Server
  &#xe70e;
- 
  代码
  &#xe69a;
- 
  皮肤
  &#xe69d;
- 
  账号登录
  &#xe64d;
- 
  二维码登录
  &#xe699;
- 
  百度
  &#xea9a;
- 
  百度
  &#xe698;
- 
  小米
  &#xe693;
- 
  华为
  &#xe694;
- 
  小米
  &#xe696;
- 
  华为
  &#xe697;
- 
  滴滴出行
  &#xe692;
- 
  淘宝
  &#xe68f;
- 
  淘宝
  &#xe691;
- 
  电信
  &#xe688;
- 
  联通
  &#xe68c;
- 
  电信
  &#xe68d;
- 
  联通
  &#xe68e;
- 
  中国移动
  &#xe686;
- 
  中国移动
  &#xe6ca;
- 
  中国移动
  &#xe687;
- 
  github
  &#xeee2;
- 
  Github
  &#xe681;
- 
  谷歌验证
  &#xe67c;
- 
  谷歌logo
  &#xe67f;
- 
  QQ
  &#xe677;
- 
  QQ
  &#xe678;
- 
  qq
  &#xe679;
- 
  微博
  &#xe674;
- 
  微博
  &#xe676;
- 
  支付宝
  &#xe66c;
- 
  微信
  &#xe6d1;
- 
  微信
  &#xe66d;
- 
  支付宝
  &#xe6dd;
- 
  银行卡
  &#xe6c2;
- 
  目标
  &#xe672;
- 
  女性
  &#xe685;
- 
  男性
  &#xe6a6;
- 
  星星
  &#xe6ad;
- 
  设置
  &#xe66b;
- 
  加载
  &#xe82d;
- 
  刷新
  &#xe72a;
- 
  电源
  &#xe69c;
- 
  纸飞机
  &#xe669;
- 
  回形针
  &#xe731;
- 
  放大
  &#xe66a;
- 
  缩小
  &#xe664;
- 
  放大镜
  &#xea13;
- 
  开锁
  &#xe666;
- 
  锁
  &#xe663;
- 
  链接
  &#xe662;
- 
  钥匙
  &#xe660;
- 
  信息
  &#xe661;
- 
  爱心
  &#xe668;
- 
  旗帜
  &#xe65e;
- 
  眼
  &#xe68a;
- 
  邮件
  &#xe65b;
- 
  下载
  &#xe711;
- 
  上传
  &#xe665;
- 
  相机
  &#xe657;
- 
  视频
  &#xe656;
- 
  气泡
  &#xe655;
- 
  禁止
  &#xe652;
- 
  进度
  &#xe653;
- 
  灯泡
  &#xe651;
- 
  日历
  &#xe67e;
- 
  无声
  &#xe7d1;
- 
  声音
  &#xe650;
- 
  声音
  &#xe917;
- 
  结束
  &#xe64f;
- 
  暂停
  &#xe64e;
- 
  倒退
  &#xe64a;
- 
  快进
  &#xe64c;
- 
  开始
  &#xe649;
- 
  踩
  &#xe64b;
- 
  赞
  &#xe65c;
- 
  均衡器_画板 1
  &#xe648;
- 
  客服
  &#xe647;
- 
  耳机
  &#xe690;
- 
  音乐
  &#xe644;
- 
  音乐 (1)
  &#xe646;
- 
  语音
  &#xe642;
- 
  图表
  &#xe6c0;
- 
  格子
  &#xe725;
- 
  主页
  &#xe65a;
- 
  环形布局
  &#xe640;
- 
  审核 笔记 记事本 写字
  &#xe671;
- 
  笔
  &#xe66f;
- 
  饼图
  &#xe63f;
- 
  问题
  &#xe63e;
- 
  火箭
  &#xe680;
- 
  分享
  &#xe689;
- 
  分享
  &#xeee3;
- 
  分享
  &#xe63d;
- 
  随机
  &#xe63c;
- 
  全屏
  &#xe639;
- 
  框架版本
  &#xe638;
- 
  标签
  &#xe637;
- 
  垃圾桶
  &#xe6a8;
- 
  雨伞
  &#xe636;
- 
  工具
  &#xe634;
- 
  下一步
  &#xe659;
- 
  返回
  &#xe633;
- 
  袋，购物，购物，电子商务
  &#xe626;
- 
  购物车
  &#xe623;
- 
  书
  &#xe622;
- 
  公文包
  &#xe621;
- 
  气泡
  &#xe61f;
- 
  计算器
  &#xe628;
- 
  杯子
  &#xe61b;
- 
  钻石
  &#xe67d;
- 
  文档
  &#xe619;
- 
  文档 (1)
  &#xe65d;
- 
  抽屉
  &#xe645;
- 
  水滴
  &#xe695;
- 
  wifi
  &#xe9bb;
- 
  电影
  &#xe618;
- 
  文件夹
  &#xe63b;
- 
  文件夹
  &#xe617;
- 
  全球
  &#xe6f3;
- 
  地球仪
  &#xe605;
- 
  包配
  &#xe615;
- 
  照片
  &#xe632;
- 
  大头针
  &#xe603;
- 
  播放器_首页歌曲列表_32
  &#xe613;
- 
  礼物
  &#xe667;
- 
  打印机 打印 线性
  &#xe9b8;
- 
  拼图
  &#xe673;
- 
  演讲稿 演讲 分析 PPT 线性
  &#xea1e;
- 
  矢量地图
  &#xe60b;
- 
  钱包
  &#xe612;
- 
  船锚
  &#xe60a;
- 
  徽章
  &#xe654;
- 
  铃铛
  &#xe629;
- 
  信件_1
  &#xe675;
- 
  信
  &#xe602;
- 
  眼镜
  &#xe641;
- 
  火
  &#xe6d2;
- 
  游戏 游戏厅 游戏机 游戏手柄 线性
  &#xea51;
- 
  搞怪
  &#xe684;
- 
  毕业
  &#xe606;
- 
  沙漏
  &#xe601;
- 
  魔法棒
  &#xe625;
- 
  平板-2
  &#xe610;
- 
  盾牌
  &#xe609;
- 
  速度
  &#xe6ac;
- 
  化学方程
  &#xe6fa;
- 
  裁剪
  &#xe631;
- 
  移动光标
  &#xe69f;
- 
  光标
  &#xe6bb;
- 
  唱片
  &#xe607;
- 
  闪电
  &#xe6d9;
- 
  吸铁磁
  &#xe6a2;
- 
  鼠标
  &#xe624;
- 
  胡子
  &#xe60e;
- 
  记事本
  &#xe62a;
- 
  飞机
  &#xe60d;
- 
  桌面
  &#xe741;
- 
  手机
  &#xe65f;
- 
  奖杯
  &#xe604;
- 
  警告
  &#xe60c;
- 
  事件统计
  &#xe6c1;
- 
  组织
  &#xe712;
- 
  关闭
  &#xe658;
- 
  减
  &#xe61e;
- 
  加
  &#xe61d;
- 
  时钟
  &#xe627;
- 
  完成
  &#xe61c;
- 
  箭头2-下
  &#xe62b;
- 
  箭头2-右
  &#xe62d;
- 
  箭头2-上
  &#xe62f;
- 
  箭头2-左
  &#xe630;
- 
  菜单
  &#xe790;
- 
  下
  &#xe635;
- 
  下拉
  &#xe822;
- 
  compass-指南针
  &#xe718;
- 
  定位
  &#xe66e;
- 
  楼层
  &#xe68b;
- 
  地图
  &#xe705;
- 
  左
  &#xe682;
- 
  右
  &#xe683;
- 
  更多
  &#xe643;
- 
  更多
  &#xe670;
- 
  指示
  &#xe61a;
- 
  菜单/列表
  &#xe611;
- 
  我的
  &#xe620;
- 
  挂电话2
  &#xe60f;
- 
  phone5-电话
  &#xe67a;
- 
  phone4-电话
  &#xe67b;
- 
  女
  &#xe6c7;
- 
  笑脸
  &#xe761;
- 
  回拨电话
  &#xe63a;
- 
  关注作者 已关注
  &#xe62c;
- 
  退出
  &#xe616;
- 
  男
  &#xe608;
- 
  取消关注
  &#xe614;
- 
  电话
  &#xe600;
- 
  用户
  &#xe70a;
- 
  进入
  &#xe7b4;
- 
  关注
  &#xe62e;

## Unicode 引用

Unicode 是字体在网页端最原始的应用方式，特点是：

- 兼容性最好，支持 IE6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。

> 注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

Unicode 使用步骤如下：

### 第一步：拷贝项目下面生成的 `@font-face`

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.eot');
      src: url('iconfont.eot?#iefix') format('embedded-opentype'),
          url('iconfont.woff2') format('woff2'),
          url('iconfont.woff') format('woff'),
          url('iconfont.ttf') format('truetype'),
          url('iconfont.svg#iconfont') format('svg');
    }

### 第二步：定义使用 iconfont 的样式

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

### 第三步：挑选相应图标并获取字体编码，应用于页面

    <span class="iconfont">&#x33;</span>

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

- 加载
  .icon-jiazai1
- 下箭头
  .icon-xiajiantou1
- 图层
  .icon-tuceng
- 复制
  .icon-fuzhi1
- 粘贴
  .icon-niantie
- 标记
  .icon-icon_huabanfuben
- 编辑
  .icon-bianji1
- 右对齐
  .icon-youduiqi1
- 左对齐
  .icon-zuoduiqi1
- 组件
  .icon-zujian
- 居中对齐
  .icon-juzhongduiqi
- 关闭
  .icon-guanbi2
- 两端对齐
  .icon-liangduanduiqi1
- 两端对齐
  .icon-liangduanduiqi
- 无边框
  .icon-wubiankuang
- 外边框
  .icon-waibiankuang
- 下边框
  .icon-xiabiankuang
- 上边框
  .icon-shangbiankuang
- 左边框
  .icon-zuobiankuang
- 右边框
  .icon-youbiankuang
- 设置圆角
  .icon-yuanjiao
- 字体
  .icon-zitifont8
- 字体
  .icon-ziti
- 按键分割线
  .icon-anjianfengexian
- 换行
  .icon-huanhang
- 框架_frame23
  .icon-kuangjiaframe23
- 线框
  .icon-icon-xiankuang
- 框选
  .icon-box-select
- 下框线
  .icon-xiakuangxian
- 上框线
  .icon-shangkuangxian
- 左框线
  .icon-zuokuangxian
- 右框线
  .icon-youkuangxian
- 外侧框线
  .icon-waicekuangxian
- 垂直间距
  .icon-chuizhijianju-
- 水平间距
  .icon-shuipingjianju-
- 不可视
  .icon-bukeshi
- 可视
  .icon-keshi
- colum-height
  .icon-colum-height
- column-width
  .icon-column-width
- 垂直居中对齐
  .icon-chuizhijuzhongduiqi
- 水平居中对齐
  .icon-shuipingjuzhongduiqi
- 右对齐
  .icon-youduiqi
- 左对齐
  .icon-zuoduiqi
- 网页
  .icon-wangye1
- 顶部对齐
  .icon-dingbuduiqi
- 底部对齐
  .icon-dibuduiqi
- 水平等距分布
  .icon-shuipingdengjufenbu
- 垂直等距分布
  .icon-chuizhidengjufenbu
- 邮箱
  .icon-youxiang
- 对
  .icon-dui
- 合同
  .icon-hetong
- 归档
  .icon-guidang
- 印章
  .icon-yinzhang
- kpi
  .icon-kpi
- 流程
  .icon-liucheng
- 风险
  .icon-risk
- 自动化运维
  .icon-oper-auto
- 联考模式
  .icon-liankaomoshi
- 配置
  .icon-peizhi
- 流程
  .icon-liucheng1
- 信用支付
  .icon-xinyongzhifu
- 收款
  .icon-shoukuan
- 特色服务icon
  .icon-tesefuwuicon
- 承诺函
  .icon-chengnuohan
- 正品行货
  .icon-zhengpinhanghuo
- 9-劳联保险@三合一
  .icon--laolianbaoxiansanheyi
- 网页
  .icon-wangye
- 打折
  .icon-dazhe
- 地址
  .icon-dizhi
- 商户管理
  .icon-shanghuguanli
- 优惠券
  .icon-youhuiquan1
- 货币
  .icon-huobi
- 支付
  .icon-zhifu1
- 运费查询
  .icon-yunfeichaxun
- 核销
  .icon-hexiao
- 规格参数
  .icon-guigecanshu
- h5
  .icon-h5
- APP
  .icon-APP
- APP
  .icon-APP1
- 微信
  .icon-weixin3
- 积分
  .icon-icon_jifen
- 满减优惠
  .icon-manjianyouhui
- 电脑
  .icon-computer_icon
- 券
  .icon-quan
- 已使用
  .icon-yishiyong
- 已过期
  .icon-yiguoqi
- 无评论
  .icon-wupinglun
- 红包
  .icon-hongbao2
- 关注
  .icon-guanzhu2
- 暂无优惠券
  .icon-zanwuyouhuiquan
- 红包
  .icon-hongbao
- 已评价
  .icon-yipingjia
- 模块
  .icon-mokuai
- 上
  .icon-shang
- 促销活动
  .icon-cuxiaohuodong
- 任务
  .icon-renwu
- FaceBook
  .icon-tian7_facebook
- 电话
  .icon-dianhua1
- QQ
  .icon-QQ4
- 通知
  .icon-tongzhi
- VIP
  .icon-VIP1
- 积分
  .icon-jifen1
- 兑换
  .icon-duihuan
- 支付倒计时
  .icon-zhifudaojishi
- 秒杀
  .icon-miaosha
- 待收货
  .icon-daishouhuo1
- 等待
  .icon-dengdai
- 已取消
  .icon-yiquxiao
- 待付款
  .icon-daifukuan
- 已取消
  .icon-yiquxiao1
- 无商品
  .icon-wushangpin
- 已领取
  .icon-yilingqu
- 已抢光-完整
  .icon-yiqiangguang
- 签到
  .icon-qiandao
- 支付设置
  .icon-zhifushezhi
- 筛选
  .icon-shaixuan1
- 文件
  .icon-wenjian2
- 文件夹
  .icon-wenjianjia2
- Excel
  .icon-ziliao-Excel
- ppt
  .icon-ziliao-ppt
- word
  .icon-ziliao-word
- 图片
  .icon-tupian1
- 日期
  .icon-riqi
- 扫一扫
  .icon-saoyisao
- 缺省页－暂无数据_复制
  .icon-queshengyezanwushuju
- 上传
  .icon-shangchuan1
- 短信验证码
  .icon-duanxinyanzhengma
- 条形进度条
  .icon-tiaoxingjindutiao
- 文本框
  .icon-wenbenkuang
- 多行文本
  .icon-duohangwenben1
- 百货
  .icon-baihuo
- 母婴
  .icon-muying
- 美妆
  .icon-meizhuang
- 百货
  .icon-baihuo1
- 食品
  .icon-shipin2
- 男装
  .icon-nanzhuang
- 食品
  .icon-tianpin
- 男装
  .icon-nanzhuang1
- 女装
  .icon-nvzhuang
- 母婴
  .icon-muyingchanpin
- 鞋子
  .icon-xiezi
- 倒计时
  .icon-daojishi
- 食品
  .icon-shipin4
- 鞋包-女包
  .icon-xiebao-nvbao
- 配置_底部工具栏
  .icon-biaoqianlan
- 合并单元格-01
  .icon-hebingdanyuange-
- 分类
  .icon-icon_category
- 定时
  .icon-dingshi
- 广告
  .icon-guanggao
- 积分
  .icon-jifen
- 发货运费统计
  .icon-fahuoyunfeitongji
- 优惠卷
  .icon-youhuijuan
- 待发货
  .icon-daifahuo
- 待收货
  .icon-daishouhuo
- 退款
  .icon-tuikuan
- 收 藏-产品详情
  .icon-shoucang
- 消息
  .icon-xiaoxi
- 数据
  .icon-shuju
- 评论
  .icon-pinglun
- 等待卖家确认运费-[转换]
  .icon-yunfei
- 返 回
  .icon-fanhui1
- 表单
  .icon-biaodan
- 自定义
  .icon-zidingyimoxing
- 排序、排行
  .icon-paixu
- 排序-降序
  .icon-paixu-jiangxu
- 排序-升序
  .icon-paixu-shengxu
- 关 闭
  .icon-guanbi1
- 初始化设置
  .icon-chushihuashezhi
- 复制代码
  .icon-fuzhidaima
- 关注
  .icon-guanzhu1
- 发送消息
  .icon-fasong
- 日志
  .icon-rizhi
- 商城
  .icon-shangcheng
- 内容
  .icon-neirong
- 站群
  .icon-zhanqun
- 权限管理
  .icon-quanxianguanli
- 内容管理
  .icon-neirongguanli
- 系统管理
  .icon-xitongguanli
- 会员中心
  .icon-huiyuanzhongxin
- 移交 转交
  .icon-yijiaozhuanjiao
- 自定义
  .icon-zidingyiguanli
- 更多
  .icon-Mstore
- 树形
  .icon-shuxing
- 导入
  .icon-daoru
- 高德地图
  .icon-gaodeditu
- 城市
  .icon-chengshi
- 文本
  .icon-putongwenben
- 按钮
  .icon-anniu
- 上拉菜单
  .icon-shanglacaidan
- 步进器
  .icon-bujinqi
- 搜索框
  .icon-sousuokuang
- 环形进度图
  .icon-huanxingjindutu
- 搜索框A
  .icon-sousuokuangA
- 标签
  .icon-label
- 分割线
  .icon-fengexian
- 16_GJW单元格填充色
  .icon-_GJWdanyuangetianchongse
- 标签页
  .icon-biaoqianye
- 进度条
  .icon-jindutiao
- 字段设置@2x
  .icon-ziduanshezhix
- 轮播图
  .icon-tubiaozhizuomoban
- 九宫格
  .icon-jiugongge
- 保存
  .icon-baocun
- 1010布局_导航栏
  .icon-buju_daohanglan
- 超链接
  .icon-chaolianjie
- 长方形
  .icon-changfangxing1
- 正方形
  .icon-zhengfangxing
- 链接
  .icon-lianjie1
- 动画
  .icon-xing
- 页面
  .icon-yemian
- 新增
  .icon-xinzeng
- 背景
  .icon-beijing
- 暂无项目信息
  .icon-zanwuxiangmuxinxi
- gitee
  .icon-gitee
- 企业
  .icon-qiye
- 服务
  .icon-fuwu
- 招聘就业
  .icon-jiuyeju
- 活动
  .icon-huodong
- 大楼
  .icon-fuhuaqi
- 办公室
  .icon-bangongshi
- 字号＋
  .icon-zihao
- 字号-
  .icon-zihao-
- 地球，国际化，语言切换
  .icon-huaban-
- pdf
  .icon-pdf
- 中国
  .icon-icon-china
- 世界
  .icon-icon-shijie
- 404
  .icon-icon-test
- 500
  .icon-icon-test1
- QQ
  .icon-QQ3
- 微信
  .icon-weixin2
- 升级中
  .icon-shengjizhong
- 中国
  .icon-zhongguo
- 全球
  .icon-quanqiu1
- 退出
  .icon-tuichu1
- 闭眼
  .icon-biyan1
- 筛选
  .icon-juxing
- 浏览记录
  .icon-juxing1
- 分类
  .icon-fenlei1
- 首页
  .icon-shouye
- 我的
  .icon-wode1
- 筛选
  .icon-shaixuan
- 响应式
  .icon-xiangyingshi
- 小程序
  .icon-xiaochengxu
- 颜色
  .icon-beijingse
- 工作转交
  .icon-zhuanjiao
- 眼睛
  .icon-dakaiyanjing
- 点击
  .icon-dianji
- 新建
  .icon-xinjian1
- 暂无记录
  .icon-zanwushuju
- 无网络
  .icon-wuwangluo
- VIP
  .icon-VIP
- VIP @3x
  .icon-VIPx
- github
  .icon-github
- spring
  .icon-spring
- 闭眼
  .icon-biyan
- 待审核
  .icon-daishenhe
- 1印章(已结清)
  .icon-yinzhangyijieqing
- 菜单
  .icon-menu
- 列表
  .icon-liebiao1
- 表
  .icon-biao
- 微信支付
  .icon-weixinzhifu1
- 支付宝
  .icon-WePayLogo
- 推荐
  .icon-tuijian
- 应用源码
  .icon-yingyongyuanma
- 私有云
  .icon-siyouyun
- 选中
  .icon-xuanzhong1
- 加
  .icon-plus
- 项目
  .icon-xiangmu1
- 年卡
  .icon-nianqia
- 验证码
  .icon-yanzhengma
- ＋喜欢
  .icon-shangpinshoucang
- 足迹
  .icon-liulanjilu
- 评价
  .icon-pingjia
- 签到
  .icon-qiandaolingjifen
- 礼物
  .icon-jifenshangcheng
- 优惠券
  .icon-youhuiquan
- 红包
  .icon-hongbao1
- 分类
  .icon-fenlei
- 栅格2
  .icon-shange
- 评分
  .icon-appxiugaiicon45
- 图片
  .icon-tupian
- 编辑器
  .icon-redact
- 音频
  .icon-audio
- 符号-密码输入框
  .icon-mimashurukuang
- 日期选择
  .icon-riqixuanze
- 计算器 (1)
  .icon-jisuanqi1
- 时间
  .icon-shijian1
- 多选框
  .icon-duoxuankuang
- 文件
  .icon-wenjian1
- 多行文本
  .icon-duohangwenben
- 单行文本
  .icon-danhangwenben
- 开关-关
  .icon-kaiguan
- 滑块-01
  .icon-huakuai
- -_级联下拉功能框
  .icon-jilianxuanzeqi
- 视频
  .icon-shipin1
- 单选框
  .icon-danxuankuang
- 颜色
  .icon-yanse
- 自定义
  .icon-zidingyi
- 电话
  .icon-dianhua2
- 邮件
  .icon-youjian2
- 感叹号
  .icon-gantanhao
- 选中
  .icon-xuanzhong
- 模板
  .icon-moban
- 收益
  .icon-shouyi
- 用户
  .icon-admin
- 项目
  .icon-xiangmu
- 项目
  .icon-fenxiang2
- 代码
  .icon-code
- 手机
  .icon-yingyong
- 列表向左
  .icon-shousuo
- 列表向右
  .icon-liebiaoxiangyou
- 文档
  .icon-wendang1
- 拖动
  .icon-tuodong
- 复制
  .icon-fuzhi
- 清空
  .icon-qingkong
- Sql Server
  .icon-SqlServer
- 代码
  .icon-daima
- 皮肤
  .icon-pifu
- 账号登录
  .icon-zhanghaodenglu
- 二维码登录
  .icon-erweimadenglu
- 百度
  .icon-baidu
- 百度
  .icon-baidu1
- 小米
  .icon-xiaomi
- 华为
  .icon-huawei
- 小米
  .icon-xiaomi1
- 华为
  .icon-huawei1
- 滴滴出行
  .icon-didichuxing
- 淘宝
  .icon-taobao
- 淘宝
  .icon-taobao1
- 电信
  .icon-dianxin
- 联通
  .icon-liantong
- 电信
  .icon-dianxin1
- 联通
  .icon-liantong1
- 中国移动
  .icon-zhongguoyidong
- 中国移动
  .icon-zhongguoyidong1
- 中国移动
  .icon-zhongguoyidong2
- github
  .icon-Github2
- Github
  .icon-Github1
- 谷歌验证
  .icon-guge
- 谷歌logo
  .icon-guge1
- QQ
  .icon-QQ2
- QQ
  .icon-QQ
- qq
  .icon-QQ1
- 微博
  .icon-weibo
- 微博
  .icon-weibo1
- 支付宝
  .icon-zhifubao1
- 微信
  .icon-weixin
- 微信
  .icon-weixin1
- 支付宝
  .icon-zhifubao
- 银行卡
  .icon-yinhangka
- 目标
  .icon-mubiao
- 女性
  .icon-nvxing
- 男性
  .icon-nanxing
- 星星
  .icon-xingxing
- 设置
  .icon-shezhi
- 加载
  .icon-jiazai
- 刷新
  .icon-shuaxin
- 电源
  .icon-dianyuan
- 纸飞机
  .icon-zhifeiji
- 回形针
  .icon-huixingzhen
- 放大
  .icon-fangda
- 缩小
  .icon-suoxiao
- 放大镜
  .icon-fangdajing
- 开锁
  .icon-kaisuo
- 锁
  .icon-suo
- 链接
  .icon-lianjie
- 钥匙
  .icon-yaoshi
- 信息
  .icon-xinxi
- 爱心
  .icon-aixin
- 旗帜
  .icon-qizhi
- 眼
  .icon-yan
- 邮件
  .icon-youjian
- 下载
  .icon-xiazai
- 上传
  .icon-shangchuan
- 相机
  .icon-xiangji
- 视频
  .icon-shipin
- 气泡
  .icon-qipao1
- 禁止
  .icon-jinzhi
- 进度
  .icon-jindubiao
- 灯泡
  .icon-dengpao
- 日历
  .icon-rili
- 无声
  .icon-wusheng
- 声音
  .icon-shengyin
- 声音
  .icon-shengyin1
- 结束
  .icon-jieshu
- 暂停
  .icon-zanting
- 倒退
  .icon-daotui
- 快进
  .icon-kuaijin
- 开始
  .icon-kaishi
- 踩
  .icon-cai
- 赞
  .icon-zan
- 均衡器_画板 1
  .icon-junhengqi
- 客服
  .icon-kefu
- 耳机
  .icon-erji
- 音乐
  .icon-yinyue
- 音乐 (1)
  .icon-yinfu
- 语音
  .icon-yuyin
- 图表
  .icon-tubiao
- 格子
  .icon-gezi
- 主页
  .icon-zhuye
- 环形布局
  .icon-huanxingbuju
- 审核 笔记 记事本 写字
  .icon-bianji
- 笔
  .icon-bi
- 饼图
  .icon-bingtu
- 问题
  .icon-wenti
- 火箭
  .icon-huojian
- 分享
  .icon-fenxiang1
- 分享
  .icon-fenxiang-copy
- 分享
  .icon-fenxiang
- 随机
  .icon-suiji
- 全屏
  .icon-quanping
- 框架版本
  .icon-kuangjia
- 标签
  .icon-biaoqian
- 垃圾桶
  .icon-lajitong
- 雨伞
  .icon-yusan
- 工具
  .icon-gongju
- 下一步
  .icon-xiayibu
- 返回
  .icon-fanhui
- 袋，购物，购物，电子商务
  .icon-gowudai
- 购物车
  .icon-gouwuche
- 书
  .icon-shu
- 公文包
  .icon-gongwenbao
- 气泡
  .icon-qipao
- 计算器
  .icon-jisuanqi
- 杯子
  .icon-beizi
- 钻石
  .icon-zuanshi
- 文档
  .icon-wenjian
- 文档 (1)
  .icon-wendang
- 抽屉
  .icon-chouti
- 水滴
  .icon-shuidi
- wifi
  .icon-wifi
- 电影
  .icon-dianying
- 文件夹
  .icon-wenjianjia
- 文件夹
  .icon-wenjianjia1
- 全球
  .icon-quanqiu
- 地球仪
  .icon-diqiuyi
- 包配
  .icon-baopei
- 照片
  .icon-zhaopian
- 大头针
  .icon-datouzhen
- 播放器_首页歌曲列表_32
  .icon-yinyuefuhao
- 礼物
  .icon-liwu
- 打印机 打印 线性
  .icon-dayinji
- 拼图
  .icon-pintu
- 演讲稿 演讲 分析 PPT 线性
  .icon-yanjiang
- 矢量地图
  .icon-shiliangditu
- 钱包
  .icon-qianbao
- 船锚
  .icon-chuanmao
- 徽章
  .icon-huizhang
- 铃铛
  .icon-lingdang
- 信件_1
  .icon-xinjian
- 信
  .icon-xin
- 眼镜
  .icon-yanjing
- 火
  .icon-huo
- 游戏 游戏厅 游戏机 游戏手柄 线性
  .icon-youxiji
- 搞怪
  .icon-gaoguai
- 毕业
  .icon-biye
- 沙漏
  .icon-shalou
- 魔法棒
  .icon-mofabang
- 平板-2
  .icon-pingban
- 盾牌
  .icon-dunpai
- 速度
  .icon-zhishipan
- 化学方程
  .icon-huaxue
- 裁剪
  .icon-caijian
- 移动光标
  .icon-yidongguangbiao
- 光标
  .icon-guangbiao
- 唱片
  .icon-changpian
- 闪电
  .icon-shandian
- 吸铁磁
  .icon-xitieci
- 鼠标
  .icon-shubiao
- 胡子
  .icon-huzi
- 记事本
  .icon-jishiben
- 飞机
  .icon-feiji
- 桌面
  .icon-zhuomian
- 手机
  .icon-sohuji
- 奖杯
  .icon-jiangbei
- 警告
  .icon-jinggao
- 事件统计
  .icon-shijiantongji
- 组织
  .icon-zuzhi
- 关闭
  .icon-guanbi
- 减
  .icon-jian
- 加
  .icon-jia
- 时钟
  .icon-shijian
- 完成
  .icon-wancheng
- 箭头2-下
  .icon-jiantou-xia
- 箭头2-右
  .icon-jiantou-you
- 箭头2-上
  .icon-jiantou-shang
- 箭头2-左
  .icon-jiantou-zuo
- 菜单
  .icon-caidan
- 下
  .icon-xiajiantou
- 下拉
  .icon-shangjiantou
- compass-指南针
  .icon-zhinanzhen
- 定位
  .icon-dingwei
- 楼层
  .icon-louceng
- 地图
  .icon-ditu
- 左
  .icon-zuojiantou
- 右
  .icon-youjiantou
- 更多
  .icon-gengduo3
- 更多
  .icon-gengduo2
- 指示
  .icon-zhishi
- 菜单/列表
  .icon-liebiao
- 我的
  .icon-wode
- 挂电话2
  .icon-guadianhua
- phone5-电话
  .icon-dadianhua
- phone4-电话
  .icon-jiedianhua
- 女
  .icon-nv
- 笑脸
  .icon-xiaolian
- 回拨电话
  .icon-huibodianhua
- 关注作者 已关注
  .icon-yiguanzhu
- 退出
  .icon-tuichu
- 男
  .icon-nan
- 取消关注
  .icon-quxiaoguanzhux
- 电话
  .icon-dianhua
- 用户
  .icon-yonghu
- 进入
  .icon-jinru
- 关注
  .icon-guanzhu

## font-class 引用

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

与 Unicode 使用方式相比，具有如下特点：

- 兼容性良好，支持 IE8+，及所有现代浏览器。
- 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
- 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

### 第一步：引入项目下面生成的 fontclass 代码：

    <link rel="stylesheet" href="./iconfont.css">

### 第二步：挑选相应图标并获取类名，应用于页面：

    <span class="iconfont icon-xxx"></span>

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

- 加载
  #icon-jiazai1
- 下箭头
  #icon-xiajiantou1
- 图层
  #icon-tuceng
- 复制
  #icon-fuzhi1
- 粘贴
  #icon-niantie
- 标记
  #icon-icon_huabanfuben
- 编辑
  #icon-bianji1
- 右对齐
  #icon-youduiqi1
- 左对齐
  #icon-zuoduiqi1
- 组件
  #icon-zujian
- 居中对齐
  #icon-juzhongduiqi
- 关闭
  #icon-guanbi2
- 两端对齐
  #icon-liangduanduiqi1
- 两端对齐
  #icon-liangduanduiqi
- 无边框
  #icon-wubiankuang
- 外边框
  #icon-waibiankuang
- 下边框
  #icon-xiabiankuang
- 上边框
  #icon-shangbiankuang
- 左边框
  #icon-zuobiankuang
- 右边框
  #icon-youbiankuang
- 设置圆角
  #icon-yuanjiao
- 字体
  #icon-zitifont8
- 字体
  #icon-ziti
- 按键分割线
  #icon-anjianfengexian
- 换行
  #icon-huanhang
- 框架_frame23
  #icon-kuangjiaframe23
- 线框
  #icon-icon-xiankuang
- 框选
  #icon-box-select
- 下框线
  #icon-xiakuangxian
- 上框线
  #icon-shangkuangxian
- 左框线
  #icon-zuokuangxian
- 右框线
  #icon-youkuangxian
- 外侧框线
  #icon-waicekuangxian
- 垂直间距
  #icon-chuizhijianju-
- 水平间距
  #icon-shuipingjianju-
- 不可视
  #icon-bukeshi
- 可视
  #icon-keshi
- colum-height
  #icon-colum-height
- column-width
  #icon-column-width
- 垂直居中对齐
  #icon-chuizhijuzhongduiqi
- 水平居中对齐
  #icon-shuipingjuzhongduiqi
- 右对齐
  #icon-youduiqi
- 左对齐
  #icon-zuoduiqi
- 网页
  #icon-wangye1
- 顶部对齐
  #icon-dingbuduiqi
- 底部对齐
  #icon-dibuduiqi
- 水平等距分布
  #icon-shuipingdengjufenbu
- 垂直等距分布
  #icon-chuizhidengjufenbu
- 邮箱
  #icon-youxiang
- 对
  #icon-dui
- 合同
  #icon-hetong
- 归档
  #icon-guidang
- 印章
  #icon-yinzhang
- kpi
  #icon-kpi
- 流程
  #icon-liucheng
- 风险
  #icon-risk
- 自动化运维
  #icon-oper-auto
- 联考模式
  #icon-liankaomoshi
- 配置
  #icon-peizhi
- 流程
  #icon-liucheng1
- 信用支付
  #icon-xinyongzhifu
- 收款
  #icon-shoukuan
- 特色服务icon
  #icon-tesefuwuicon
- 承诺函
  #icon-chengnuohan
- 正品行货
  #icon-zhengpinhanghuo
- 9-劳联保险@三合一
  #icon--laolianbaoxiansanheyi
- 网页
  #icon-wangye
- 打折
  #icon-dazhe
- 地址
  #icon-dizhi
- 商户管理
  #icon-shanghuguanli
- 优惠券
  #icon-youhuiquan1
- 货币
  #icon-huobi
- 支付
  #icon-zhifu1
- 运费查询
  #icon-yunfeichaxun
- 核销
  #icon-hexiao
- 规格参数
  #icon-guigecanshu
- h5
  #icon-h5
- APP
  #icon-APP
- APP
  #icon-APP1
- 微信
  #icon-weixin3
- 积分
  #icon-icon_jifen
- 满减优惠
  #icon-manjianyouhui
- 电脑
  #icon-computer_icon
- 券
  #icon-quan
- 已使用
  #icon-yishiyong
- 已过期
  #icon-yiguoqi
- 无评论
  #icon-wupinglun
- 红包
  #icon-hongbao2
- 关注
  #icon-guanzhu2
- 暂无优惠券
  #icon-zanwuyouhuiquan
- 红包
  #icon-hongbao
- 已评价
  #icon-yipingjia
- 模块
  #icon-mokuai
- 上
  #icon-shang
- 促销活动
  #icon-cuxiaohuodong
- 任务
  #icon-renwu
- FaceBook
  #icon-tian7_facebook
- 电话
  #icon-dianhua1
- QQ
  #icon-QQ4
- 通知
  #icon-tongzhi
- VIP
  #icon-VIP1
- 积分
  #icon-jifen1
- 兑换
  #icon-duihuan
- 支付倒计时
  #icon-zhifudaojishi
- 秒杀
  #icon-miaosha
- 待收货
  #icon-daishouhuo1
- 等待
  #icon-dengdai
- 已取消
  #icon-yiquxiao
- 待付款
  #icon-daifukuan
- 已取消
  #icon-yiquxiao1
- 无商品
  #icon-wushangpin
- 已领取
  #icon-yilingqu
- 已抢光-完整
  #icon-yiqiangguang
- 签到
  #icon-qiandao
- 支付设置
  #icon-zhifushezhi
- 筛选
  #icon-shaixuan1
- 文件
  #icon-wenjian2
- 文件夹
  #icon-wenjianjia2
- Excel
  #icon-ziliao-Excel
- ppt
  #icon-ziliao-ppt
- word
  #icon-ziliao-word
- 图片
  #icon-tupian1
- 日期
  #icon-riqi
- 扫一扫
  #icon-saoyisao
- 缺省页－暂无数据_复制
  #icon-queshengyezanwushuju
- 上传
  #icon-shangchuan1
- 短信验证码
  #icon-duanxinyanzhengma
- 条形进度条
  #icon-tiaoxingjindutiao
- 文本框
  #icon-wenbenkuang
- 多行文本
  #icon-duohangwenben1
- 百货
  #icon-baihuo
- 母婴
  #icon-muying
- 美妆
  #icon-meizhuang
- 百货
  #icon-baihuo1
- 食品
  #icon-shipin2
- 男装
  #icon-nanzhuang
- 食品
  #icon-tianpin
- 男装
  #icon-nanzhuang1
- 女装
  #icon-nvzhuang
- 母婴
  #icon-muyingchanpin
- 鞋子
  #icon-xiezi
- 倒计时
  #icon-daojishi
- 食品
  #icon-shipin4
- 鞋包-女包
  #icon-xiebao-nvbao
- 配置_底部工具栏
  #icon-biaoqianlan
- 合并单元格-01
  #icon-hebingdanyuange-
- 分类
  #icon-icon_category
- 定时
  #icon-dingshi
- 广告
  #icon-guanggao
- 积分
  #icon-jifen
- 发货运费统计
  #icon-fahuoyunfeitongji
- 优惠卷
  #icon-youhuijuan
- 待发货
  #icon-daifahuo
- 待收货
  #icon-daishouhuo
- 退款
  #icon-tuikuan
- 收 藏-产品详情
  #icon-shoucang
- 消息
  #icon-xiaoxi
- 数据
  #icon-shuju
- 评论
  #icon-pinglun
- 等待卖家确认运费-[转换]
  #icon-yunfei
- 返 回
  #icon-fanhui1
- 表单
  #icon-biaodan
- 自定义
  #icon-zidingyimoxing
- 排序、排行
  #icon-paixu
- 排序-降序
  #icon-paixu-jiangxu
- 排序-升序
  #icon-paixu-shengxu
- 关 闭
  #icon-guanbi1
- 初始化设置
  #icon-chushihuashezhi
- 复制代码
  #icon-fuzhidaima
- 关注
  #icon-guanzhu1
- 发送消息
  #icon-fasong
- 日志
  #icon-rizhi
- 商城
  #icon-shangcheng
- 内容
  #icon-neirong
- 站群
  #icon-zhanqun
- 权限管理
  #icon-quanxianguanli
- 内容管理
  #icon-neirongguanli
- 系统管理
  #icon-xitongguanli
- 会员中心
  #icon-huiyuanzhongxin
- 移交 转交
  #icon-yijiaozhuanjiao
- 自定义
  #icon-zidingyiguanli
- 更多
  #icon-Mstore
- 树形
  #icon-shuxing
- 导入
  #icon-daoru
- 高德地图
  #icon-gaodeditu
- 城市
  #icon-chengshi
- 文本
  #icon-putongwenben
- 按钮
  #icon-anniu
- 上拉菜单
  #icon-shanglacaidan
- 步进器
  #icon-bujinqi
- 搜索框
  #icon-sousuokuang
- 环形进度图
  #icon-huanxingjindutu
- 搜索框A
  #icon-sousuokuangA
- 标签
  #icon-label
- 分割线
  #icon-fengexian
- 16_GJW单元格填充色
  #icon-_GJWdanyuangetianchongse
- 标签页
  #icon-biaoqianye
- 进度条
  #icon-jindutiao
- 字段设置@2x
  #icon-ziduanshezhix
- 轮播图
  #icon-tubiaozhizuomoban
- 九宫格
  #icon-jiugongge
- 保存
  #icon-baocun
- 1010布局_导航栏
  #icon-buju_daohanglan
- 超链接
  #icon-chaolianjie
- 长方形
  #icon-changfangxing1
- 正方形
  #icon-zhengfangxing
- 链接
  #icon-lianjie1
- 动画
  #icon-xing
- 页面
  #icon-yemian
- 新增
  #icon-xinzeng
- 背景
  #icon-beijing
- 暂无项目信息
  #icon-zanwuxiangmuxinxi
- gitee
  #icon-gitee
- 企业
  #icon-qiye
- 服务
  #icon-fuwu
- 招聘就业
  #icon-jiuyeju
- 活动
  #icon-huodong
- 大楼
  #icon-fuhuaqi
- 办公室
  #icon-bangongshi
- 字号＋
  #icon-zihao
- 字号-
  #icon-zihao-
- 地球，国际化，语言切换
  #icon-huaban-
- pdf
  #icon-pdf
- 中国
  #icon-icon-china
- 世界
  #icon-icon-shijie
- 404
  #icon-icon-test
- 500
  #icon-icon-test1
- QQ
  #icon-QQ3
- 微信
  #icon-weixin2
- 升级中
  #icon-shengjizhong
- 中国
  #icon-zhongguo
- 全球
  #icon-quanqiu1
- 退出
  #icon-tuichu1
- 闭眼
  #icon-biyan1
- 筛选
  #icon-juxing
- 浏览记录
  #icon-juxing1
- 分类
  #icon-fenlei1
- 首页
  #icon-shouye
- 我的
  #icon-wode1
- 筛选
  #icon-shaixuan
- 响应式
  #icon-xiangyingshi
- 小程序
  #icon-xiaochengxu
- 颜色
  #icon-beijingse
- 工作转交
  #icon-zhuanjiao
- 眼睛
  #icon-dakaiyanjing
- 点击
  #icon-dianji
- 新建
  #icon-xinjian1
- 暂无记录
  #icon-zanwushuju
- 无网络
  #icon-wuwangluo
- VIP
  #icon-VIP
- VIP @3x
  #icon-VIPx
- github
  #icon-github
- spring
  #icon-spring
- 闭眼
  #icon-biyan
- 待审核
  #icon-daishenhe
- 1印章(已结清)
  #icon-yinzhangyijieqing
- 菜单
  #icon-menu
- 列表
  #icon-liebiao1
- 表
  #icon-biao
- 微信支付
  #icon-weixinzhifu1
- 支付宝
  #icon-WePayLogo
- 推荐
  #icon-tuijian
- 应用源码
  #icon-yingyongyuanma
- 私有云
  #icon-siyouyun
- 选中
  #icon-xuanzhong1
- 加
  #icon-plus
- 项目
  #icon-xiangmu1
- 年卡
  #icon-nianqia
- 验证码
  #icon-yanzhengma
- ＋喜欢
  #icon-shangpinshoucang
- 足迹
  #icon-liulanjilu
- 评价
  #icon-pingjia
- 签到
  #icon-qiandaolingjifen
- 礼物
  #icon-jifenshangcheng
- 优惠券
  #icon-youhuiquan
- 红包
  #icon-hongbao1
- 分类
  #icon-fenlei
- 栅格2
  #icon-shange
- 评分
  #icon-appxiugaiicon45
- 图片
  #icon-tupian
- 编辑器
  #icon-redact
- 音频
  #icon-audio
- 符号-密码输入框
  #icon-mimashurukuang
- 日期选择
  #icon-riqixuanze
- 计算器 (1)
  #icon-jisuanqi1
- 时间
  #icon-shijian1
- 多选框
  #icon-duoxuankuang
- 文件
  #icon-wenjian1
- 多行文本
  #icon-duohangwenben
- 单行文本
  #icon-danhangwenben
- 开关-关
  #icon-kaiguan
- 滑块-01
  #icon-huakuai
- -_级联下拉功能框
  #icon-jilianxuanzeqi
- 视频
  #icon-shipin1
- 单选框
  #icon-danxuankuang
- 颜色
  #icon-yanse
- 自定义
  #icon-zidingyi
- 电话
  #icon-dianhua2
- 邮件
  #icon-youjian2
- 感叹号
  #icon-gantanhao
- 选中
  #icon-xuanzhong
- 模板
  #icon-moban
- 收益
  #icon-shouyi
- 用户
  #icon-admin
- 项目
  #icon-xiangmu
- 项目
  #icon-fenxiang2
- 代码
  #icon-code
- 手机
  #icon-yingyong
- 列表向左
  #icon-shousuo
- 列表向右
  #icon-liebiaoxiangyou
- 文档
  #icon-wendang1
- 拖动
  #icon-tuodong
- 复制
  #icon-fuzhi
- 清空
  #icon-qingkong
- Sql Server
  #icon-SqlServer
- 代码
  #icon-daima
- 皮肤
  #icon-pifu
- 账号登录
  #icon-zhanghaodenglu
- 二维码登录
  #icon-erweimadenglu
- 百度
  #icon-baidu
- 百度
  #icon-baidu1
- 小米
  #icon-xiaomi
- 华为
  #icon-huawei
- 小米
  #icon-xiaomi1
- 华为
  #icon-huawei1
- 滴滴出行
  #icon-didichuxing
- 淘宝
  #icon-taobao
- 淘宝
  #icon-taobao1
- 电信
  #icon-dianxin
- 联通
  #icon-liantong
- 电信
  #icon-dianxin1
- 联通
  #icon-liantong1
- 中国移动
  #icon-zhongguoyidong
- 中国移动
  #icon-zhongguoyidong1
- 中国移动
  #icon-zhongguoyidong2
- github
  #icon-Github2
- Github
  #icon-Github1
- 谷歌验证
  #icon-guge
- 谷歌logo
  #icon-guge1
- QQ
  #icon-QQ2
- QQ
  #icon-QQ
- qq
  #icon-QQ1
- 微博
  #icon-weibo
- 微博
  #icon-weibo1
- 支付宝
  #icon-zhifubao1
- 微信
  #icon-weixin
- 微信
  #icon-weixin1
- 支付宝
  #icon-zhifubao
- 银行卡
  #icon-yinhangka
- 目标
  #icon-mubiao
- 女性
  #icon-nvxing
- 男性
  #icon-nanxing
- 星星
  #icon-xingxing
- 设置
  #icon-shezhi
- 加载
  #icon-jiazai
- 刷新
  #icon-shuaxin
- 电源
  #icon-dianyuan
- 纸飞机
  #icon-zhifeiji
- 回形针
  #icon-huixingzhen
- 放大
  #icon-fangda
- 缩小
  #icon-suoxiao
- 放大镜
  #icon-fangdajing
- 开锁
  #icon-kaisuo
- 锁
  #icon-suo
- 链接
  #icon-lianjie
- 钥匙
  #icon-yaoshi
- 信息
  #icon-xinxi
- 爱心
  #icon-aixin
- 旗帜
  #icon-qizhi
- 眼
  #icon-yan
- 邮件
  #icon-youjian
- 下载
  #icon-xiazai
- 上传
  #icon-shangchuan
- 相机
  #icon-xiangji
- 视频
  #icon-shipin
- 气泡
  #icon-qipao1
- 禁止
  #icon-jinzhi
- 进度
  #icon-jindubiao
- 灯泡
  #icon-dengpao
- 日历
  #icon-rili
- 无声
  #icon-wusheng
- 声音
  #icon-shengyin
- 声音
  #icon-shengyin1
- 结束
  #icon-jieshu
- 暂停
  #icon-zanting
- 倒退
  #icon-daotui
- 快进
  #icon-kuaijin
- 开始
  #icon-kaishi
- 踩
  #icon-cai
- 赞
  #icon-zan
- 均衡器_画板 1
  #icon-junhengqi
- 客服
  #icon-kefu
- 耳机
  #icon-erji
- 音乐
  #icon-yinyue
- 音乐 (1)
  #icon-yinfu
- 语音
  #icon-yuyin
- 图表
  #icon-tubiao
- 格子
  #icon-gezi
- 主页
  #icon-zhuye
- 环形布局
  #icon-huanxingbuju
- 审核 笔记 记事本 写字
  #icon-bianji
- 笔
  #icon-bi
- 饼图
  #icon-bingtu
- 问题
  #icon-wenti
- 火箭
  #icon-huojian
- 分享
  #icon-fenxiang1
- 分享
  #icon-fenxiang-copy
- 分享
  #icon-fenxiang
- 随机
  #icon-suiji
- 全屏
  #icon-quanping
- 框架版本
  #icon-kuangjia
- 标签
  #icon-biaoqian
- 垃圾桶
  #icon-lajitong
- 雨伞
  #icon-yusan
- 工具
  #icon-gongju
- 下一步
  #icon-xiayibu
- 返回
  #icon-fanhui
- 袋，购物，购物，电子商务
  #icon-gowudai
- 购物车
  #icon-gouwuche
- 书
  #icon-shu
- 公文包
  #icon-gongwenbao
- 气泡
  #icon-qipao
- 计算器
  #icon-jisuanqi
- 杯子
  #icon-beizi
- 钻石
  #icon-zuanshi
- 文档
  #icon-wenjian
- 文档 (1)
  #icon-wendang
- 抽屉
  #icon-chouti
- 水滴
  #icon-shuidi
- wifi
  #icon-wifi
- 电影
  #icon-dianying
- 文件夹
  #icon-wenjianjia
- 文件夹
  #icon-wenjianjia1
- 全球
  #icon-quanqiu
- 地球仪
  #icon-diqiuyi
- 包配
  #icon-baopei
- 照片
  #icon-zhaopian
- 大头针
  #icon-datouzhen
- 播放器_首页歌曲列表_32
  #icon-yinyuefuhao
- 礼物
  #icon-liwu
- 打印机 打印 线性
  #icon-dayinji
- 拼图
  #icon-pintu
- 演讲稿 演讲 分析 PPT 线性
  #icon-yanjiang
- 矢量地图
  #icon-shiliangditu
- 钱包
  #icon-qianbao
- 船锚
  #icon-chuanmao
- 徽章
  #icon-huizhang
- 铃铛
  #icon-lingdang
- 信件_1
  #icon-xinjian
- 信
  #icon-xin
- 眼镜
  #icon-yanjing
- 火
  #icon-huo
- 游戏 游戏厅 游戏机 游戏手柄 线性
  #icon-youxiji
- 搞怪
  #icon-gaoguai
- 毕业
  #icon-biye
- 沙漏
  #icon-shalou
- 魔法棒
  #icon-mofabang
- 平板-2
  #icon-pingban
- 盾牌
  #icon-dunpai
- 速度
  #icon-zhishipan
- 化学方程
  #icon-huaxue
- 裁剪
  #icon-caijian
- 移动光标
  #icon-yidongguangbiao
- 光标
  #icon-guangbiao
- 唱片
  #icon-changpian
- 闪电
  #icon-shandian
- 吸铁磁
  #icon-xitieci
- 鼠标
  #icon-shubiao
- 胡子
  #icon-huzi
- 记事本
  #icon-jishiben
- 飞机
  #icon-feiji
- 桌面
  #icon-zhuomian
- 手机
  #icon-sohuji
- 奖杯
  #icon-jiangbei
- 警告
  #icon-jinggao
- 事件统计
  #icon-shijiantongji
- 组织
  #icon-zuzhi
- 关闭
  #icon-guanbi
- 减
  #icon-jian
- 加
  #icon-jia
- 时钟
  #icon-shijian
- 完成
  #icon-wancheng
- 箭头2-下
  #icon-jiantou-xia
- 箭头2-右
  #icon-jiantou-you
- 箭头2-上
  #icon-jiantou-shang
- 箭头2-左
  #icon-jiantou-zuo
- 菜单
  #icon-caidan
- 下
  #icon-xiajiantou
- 下拉
  #icon-shangjiantou
- compass-指南针
  #icon-zhinanzhen
- 定位
  #icon-dingwei
- 楼层
  #icon-louceng
- 地图
  #icon-ditu
- 左
  #icon-zuojiantou
- 右
  #icon-youjiantou
- 更多
  #icon-gengduo3
- 更多
  #icon-gengduo2
- 指示
  #icon-zhishi
- 菜单/列表
  #icon-liebiao
- 我的
  #icon-wode
- 挂电话2
  #icon-guadianhua
- phone5-电话
  #icon-dadianhua
- phone4-电话
  #icon-jiedianhua
- 女
  #icon-nv
- 笑脸
  #icon-xiaolian
- 回拨电话
  #icon-huibodianhua
- 关注作者 已关注
  #icon-yiguanzhu
- 退出
  #icon-tuichu
- 男
  #icon-nan
- 取消关注
  #icon-quxiaoguanzhux
- 电话
  #icon-dianhua
- 用户
  #icon-yonghu
- 进入
  #icon-jinru
- 关注
  #icon-guanzhu

## Symbol 引用

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

- 支持多色图标了，不再受单色限制。
- 通过一些技巧，支持像字体那样，通过 `font-size`, `color` 来调整样式。
- 兼容性较差，支持 IE9+，及现代浏览器。
- 浏览器渲染 SVG 的性能一般，还不如 png。

使用步骤如下：

### 第一步：引入项目下面生成的 symbol 代码：

    <script src="./iconfont.js"></script>

### 第二步：加入通用 CSS 代码（引入一次就行）：

    <style>
    .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }
    </style>

### 第三步：挑选相应图标并获取类名，应用于页面：

    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-xxx"></use>
    </svg>