iconfont Demo

#

- 
  diy装修
  &#xe7e6;
- 
  铃铛
  &#xe7ee;
- 
  喇叭
  &#xe7ef;
- 
  搜索-大号
  &#xe7f0;
- 
  电话按钮
  &#xe7f1;
- 
  定位导航
  &#xe7f2;
- 
  电话-实心
  &#xe7f5;
- 
  发送面性
  &#xe7f6;
- 
  重叠
  &#xe7f8;
- 
  播放暂停
  &#xe7f9;
- 
  播放结束
  &#xe7fa;
- 
  类别更多
  &#xe7fb;
- 
  添加-按钮圆
  &#xe7fc;
- 
  减少
  &#xe7fd;
- 
  失效
  &#xe7fe;
- 
  分享-正方形
  &#xe7ff;
- 
  签到
  &#xe800;
- 
  组队
  &#xe801;
- 
  选择
  &#xe803;
- 
  关闭-圆
  &#xe804;
- 
  客服消息实心
  &#xe806;
- 
  帮助
  &#xe807;
- 
  订单-圆角
  &#xe808;
- 
  关闭线条
  &#xe809;
- 
  眼睛面性
  &#xe80e;
- 
  编辑-粗
  &#xe810;
- 
  添加-粗
  &#xe812;
- 
  普通分销
  &#xe813;
- 
  钻石
  &#xe814;
- 
  高级会员
  &#xe816;
- 
  购物车添加
  &#xe817;
- 
  眼睛-下
  &#xe818;
- 
  回复
  &#xe819;
- 
  点赞线性-圆
  &#xe81a;
- 
  编辑下划线
  &#xe81d;
- 
  列表-点
  &#xe81e;
- 
  皮夹
  &#xe81f;
- 
  日志
  &#xe820;
- 
  历史时间
  &#xe821;
- 
  相机-实心
  &#xe822;
- 
  选择
  &#xe82a;
- 
  语言-全球
  &#xe82c;
- 
  收藏-星星
  &#xe82e;
- 
  定位
  &#xe82f;
- 
  消息-半圆
  &#xe830;
- 
  提现钱包
  &#xe832;
- 
  充值
  &#xe833;
- 
  转换
  &#xe834;
- 
  明细
  &#xe835;
- 
  转账
  &#xe836;
- 
  收款
  &#xe837;
- 
  转换2
  &#xe838;
- 
  复制-方正
  &#xe839;
- 
  感叹号
  &#xe83a;
- 
  选中下标
  &#xe83b;
- 𐆃
  导航
  &#x10183;
- 
  选中-下半圆弧
  &#xe83e;
- 
  播放面性
  &#xe83f;
- 
  左对齐
  &#xe840;
- 
  重置
  &#xe841;
- 
  左上圆角
  &#xe842;
- 
  右对齐
  &#xe843;
- 
  右下圆角
  &#xe844;
- 
  下侧箭头-下
  &#xe845;
- 
  椭圆
  &#xe846;
- 
  外上
  &#xe847;
- 
  内右
  &#xe848;
- 
  单张
  &#xe849;
- 
  铺满
  &#xe84a;
- 
  内左
  &#xe84b;
- 
  内下
  &#xe84c;
- 
  平铺
  &#xe84e;
- 
  居中
  &#xe84f;
- 
  内上
  &#xe850;
- 
  文本
  &#xe853;
- 
  线条
  &#xe854;
- 
  图片icon
  &#xe855;
- 
  外左
  &#xe856;
- 
  外下
  &#xe857;
- 
  删除3
  &#xe858;
- 
  拖动-点
  &#xe859;
- 
  外右
  &#xe85a;
- 
  点线
  &#xe85b;
- 
  删除2
  &#xe85c;
- 
  实线
  &#xe85d;
- 
  关闭-填满
  &#xe85e;
- 
  右上圆角
  &#xe85f;
- 
  左下圆角
  &#xe860;
- 
  上侧箭头
  &#xe861;
- 
  左侧箭头
  &#xe862;
- 
  眼睛可见-关闭
  &#xe865;
- 
  眼睛可见
  &#xe866;
- 
  对号 线
  &#xe867;
- 
  图片
  &#xe868;
- 
  文件
  &#xe869;
- 
  文件
  &#xe86a;
- 
  音频
  &#xe86b;
- 
  视频-文件
  &#xe86c;
- 
  压缩包
  &#xe86d;
- 
  IPA
  &#xe86e;
- 
  Excel
  &#xe86f;
- 
  vsd
  &#xe870;
- 
  APK
  &#xe871;
- 
  word
  &#xe872;
- 
  PDF-文件
  &#xe873;
- 
  ppt
  &#xe874;
- 
  进销存对号
  &#xe876;
- 
  魔方-竖2
  &#xe878;
- 
  魔方-横2
  &#xe879;
- 
  魔方-4x4
  &#xe87a;
- 
  魔方-左1右2
  &#xe87b;
- 
  魔方-竖3
  &#xe87c;
- 
  魔方-上2下1
  &#xe87d;
- 
  魔方-左1右上1右下2
  &#xe87e;
- 
  魔方-上1下2
  &#xe87f;
- 
  魔方-田字格
  &#xe880;
- 
  魔方-上2下3
  &#xe881;
- 
  魔方-左2右1
  &#xe882;
- 
  魔方-1个
  &#xe883;
- 
  EXE
  &#xe884;
- 
  TXT
  &#xe885;
- 
  问号-实心
  &#xe887;
- 
  编辑-空心
  &#xe888;
- 
  关闭-圆空心
  &#xe88a;
- 
  秒杀图标
  &#xe88b;
- 
  禁止
  &#xe88c;
- 
  图标
  &#xe88d;
- 
  面性图标_保洁管理
  &#xe64d;
- 
  下
  &#xe88e;
- 
  上
  &#xe88f;
- 
  面板
  &#xe890;
- 
  置底
  &#xe894;
- 
  置顶
  &#xe895;
- 
  榜单标签
  &#xe896;
- 
  热门
  &#xe897;
- 
  删除-圆
  &#xe898;
- 
  更多
  &#xe899;
- 
  右侧箭头-按钮大圆
  &#xe89a;
- 
  消息-眼睛
  &#xe89b;
- 
  统一
  &#xe89c;
- 
  独个
  &#xe89d;
- 
  地图
  &#xe8ad;
- 
  类别
  &#xe89e;
- 
  边距
  &#xe89f;
- 
  右侧箭头-按钮圆
  &#xe8a0;
- 
  下侧箭头-缺角
  &#xe8a1;
- 
  订单总量
  &#xe8a2;
- 
  结算概况
  &#xe8a3;
- 
  用户总量
  &#xe8a4;
- 
  店铺管理
  &#xe8a5;
- 
  订单总计
  &#xe8a6;
- 
  成交总量
  &#xe8a7;
- 
  商品管理线性
  &#xe8a8;
- 
  订单概况
  &#xe8a9;
- 
  订单管理
  &#xe8aa;
- 
  更多四块
  &#xe8ab;
- 
  左侧箭头
  &#xe8ae;
- 
  历史记录
  &#xe8af;
- 
  右侧箭头
  &#xe8b0;
- 
  客服
  &#xe8b2;
- 
  日期
  &#xe8b3;
- 
  定位-坐标
  &#xe8b4;
- 
  五角星-空心
  &#xe8b7;
- 
  五角星-实心
  &#xe8b8;
- 
  星形-空心
  &#xe8b9;
- 
  心形-实心
  &#xe8bb;
- 
  解锁
  &#xe8bc;
- 
  电脑a
  &#xe8bd;
- 
  玻尿酸
  &#xe632;
- 
  添加音乐
  &#xea2e;
- 
  订单售后
  &#xe7e2;
- 
  点赞-实心
  &#xe7e4;
- 
  评论
  &#xe7e5;
- 
  点赞线性-细
  &#xe7e7;
- 
  长箭头-上
  &#xe7e8;
- 
  分享-空心
  &#xe7e9;
- 
  消息-空心
  &#xe7ea;
- 
  购物车满
  &#xe7de;
- 
  全屏-圆角
  &#xe7df;
- 
  静音
  &#xe7e0;
- 
  图片
  &#xe7e1;
- 
  @
  &#xe7e3;
- 
  转换-正方形
  &#xe7d7;
- 
  DIV装修
  &#xe7d8;
- 
  多门店
  &#xe7d9;
- 
  设置列表
  &#xe7da;
- 
  用户-多线
  &#xe7dc;
- 
  在线客服-粗
  &#xe7dd;
- 
  编组
  &#xe7d6;
- 
  数据报表
  &#xe7d5;
- 
  电话-间隙
  &#xe7d1;
- 
  二维码-圆角
  &#xe7d2;
- 
  购物车-线性
  &#xe7d3;
- 
  在线客服
  &#xe7d4;
- 
  右侧箭头点
  &#xe7d0;
- 
  域名
  &#xe7cf;
- 
  链接
  &#xe603;
- 
  链接-圆角
  &#xe718;
- 
  送礼-细
  &#xe7ce;
- 
  省略
  &#xe635;
- 
  视频播放
  &#xe7cd;
- 
  布局-6
  &#xe7cc;
- 
  布局1-3
  &#xe7c7;
- 
  布局1-2
  &#xe7c8;
- 
  布局2-1
  &#xe7c9;
- 
  布局1-1
  &#xe7ca;
- 
  布局-4
  &#xe7cb;
- 
  布局-1-2-1
  &#xe7c2;
- 
  布局
  &#xe7c3;
- 
  布局-1-1-2
  &#xe7c4;
- 
  布局-3
  &#xe7c5;
- 
  布局3-1
  &#xe7c6;
- 
  模块-辅助空白
  &#xe7ba;
- 
  模块-单图
  &#xe7bc;
- 
  模块-商品
  &#xe7bd;
- 
  模块-多图
  &#xe7be;
- 
  编辑-下划2线
  &#xe7bf;
- 
  模块-标题
  &#xe7c0;
- 
  布局2-1-1
  &#xe7c1;
- 
  模块-自定义代码
  &#xe7b1;
- 
  移除
  &#xe7b2;
- 
  模块-图文
  &#xe7b3;
- 
  替换
  &#xe7b4;
- 
  拖拽
  &#xe7b5;
- 
  双箭头右
  &#xe7b6;
- 
  模块-辅助线
  &#xe7b7;
- 
  设置
  &#xe7b8;
- 
  模块-视频
  &#xe7b9;
- 
  模块-魔方
  &#xe7b0;
- 
  商家中心
  &#xe7a6;
- 
  导航管理
  &#xe7a7;
- 
  店铺管理
  &#xe7a8;
- 
  首页推荐
  &#xe7a9;
- 
  页面设计
  &#xe7aa;
- 
  轮播管理
  &#xe7ab;
- 
  订单管理
  &#xe7ac;
- 
  扩展模块
  &#xe7ad;
- 
  商品管理面性
  &#xe7ae;
- 
  商品分类
  &#xe7af;
- 
  二级域名确认
  &#xe798;
- 
  首页-空心线条
  &#xe7a5;
- 
  excel
  &#xe7a4;
- 
  导入excel
  &#xe7a3;
- 
  批量发货
  &#xe79e;
- 
  标签打印
  &#xe79f;
- 
  运单打印
  &#xe7a0;
- 
  导出excel
  &#xe7a1;
- 
  数据打印
  &#xe7a2;
- 
  推到商城
  &#xe79c;
- 
  商城导入
  &#xe79d;
- 
  账号密码
  &#xe79a;
- 
  手机登录
  &#xe79b;
- 
  资金账单
  &#xe760;
- 
  系统配置
  &#xe761;
- 
  销售管理
  &#xe763;
- 
  采购管理
  &#xe764;
- 
  库存管理
  &#xe765;
- 
  商城订单
  &#xe795;
- 
  基础数据
  &#xe796;
- 
  客商管理
  &#xe797;
- 
  放大
  &#xe60e;
- 
  放大-边线
  &#xe75f;
- 
  放大-四角
  &#xe602;
- 
  打印-打印机
  &#xe75e;
- 
  底部商店简介
  &#xe75d;
- 
  置顶
  &#xe794;
- 
  购物车
  &#xe791;
- 
  微信
  &#xe792;
- 
  电话
  &#xe793;
- 
  店铺
  &#xe626;
- 
  客服
  &#xe60d;
- 
  爱心-实
  &#xe790;
- 
  右侧箭头-轮播
  &#xe78f;
- 
  左侧箭头-轮播
  &#xe78e;
- 
  爱心-空
  &#xe78d;
- 
  眼睛圆
  &#xe78c;
- 
  优惠券-商城五
  &#xe78a;
- 
  购物袋
  &#xe787;
- 
  个人-圆
  &#xe788;
- 
  搜索-线
  &#xe789;
- 
  免费
  &#xe783;
- 
  安全锁
  &#xe784;
- 
  电话
  &#xe785;
- 
  保障
  &#xe786;
- 
  手机粗
  &#xe780;
- 
  电脑
  &#xe781;
- 
  数码商城
  &#xe782;
- 
  手表
  &#xe75c;
- 
  耳机
  &#xe77e;
- 
  相机
  &#xe77f;
- 
  上侧箭头-上
  &#xe77d;
- 
  左侧箭头长
  &#xe77a;
- 
  右侧箭头-长
  &#xe77b;
- 
  下侧箭头-下
  &#xe77c;
- 
  夹克-商城二新
  &#xe779;
- 
  鞋子-商城二
  &#xe778;
- 
  衬衫-商城二
  &#xe774;
- 
  手表-时间
  &#xe775;
- 
  裤子
  &#xe776;
- 
  回旋
  &#xe777;
- 
  楼房
  &#xe770;
- 
  知名
  &#xe771;
- 
  质量
  &#xe772;
- 
  先进生产设备
  &#xe773;
- 
  设置x2
  &#xe76c;
- 
  合作
  &#xe76d;
- 
  工人
  &#xe76e;
- 
  联系电话-官网三
  &#xe76a;
- 
  右侧箭头-长
  &#xe76b;
- 
  灯泡
  &#xe766;
- 
  更多用户
  &#xe767;
- 
  星级服务
  &#xe768;
- 
  信息统计
  &#xe769;
- 
  右侧箭头-圆框
  &#xe762;
- 
  职员
  &#xe75a;
- 
  退出
  &#xe75b;
- 
  用户
  &#xe755;
- 
  订单
  &#xe756;
- 
  退货
  &#xe757;
- 
  收银
  &#xe758;
- 
  核销
  &#xe759;
- 
  扫码
  &#xe702;
- 
  配送
  &#xe753;
- 
  支付
  &#xe754;
- 
  待收货
  &#xe74d;
- 
  待评论
  &#xe74e;
- 
  待发货
  &#xe74f;
- 
  待付款
  &#xe750;
- 
  退款/售后
  &#xe751;
- 
  订单列表
  &#xe752;
- 
  生成账单
  &#xe747;
- 
  充值
  &#xe748;
- 
  值班
  &#xe749;
- 
  薪水
  &#xe74a;
- 
  批量结算
  &#xe74b;
- 
  商品库
  &#xe74c;
- 
  眼睛-不可见
  &#xe746;
- 
  眼睛-可见
  &#xe745;
- 
  多选-选中
  &#xe741;
- 
  单选-未选中
  &#xe742;
- 
  单选-选中
  &#xe743;
- 
  多选-未选中
  &#xe744;
- 
  通知
  &#xe740;
- 
  启用
  &#xe73f;
- 
  收起
  &#xe73e;
- 
  设置
  &#xe73c;
- 
  退出
  &#xe73d;
- 
  后台商店用户
  &#xe73b;
- 
  后台商店VIP
  &#xe73a;
- 
  关闭
  &#xe739;
- 
  table-user-gender
  &#xe738;
- 
  眼睛关闭
  &#xe733;
- 
  电话接听
  &#xe734;
- 
  二维码-三面
  &#xe735;
- 
  用户名
  &#xe736;
- 
  邮箱
  &#xe737;
- 
  选择
  &#xe731;
- 
  未选
  &#xe732;
- 
  订单删除
  &#xe72f;
- 
  卸载
  &#xe72e;
- 
  上传文件
  &#xe72d;
- 
  日志
  &#xe72c;
- 
  下载
  &#xe72a;
- 𐆄
  箭头-右侧
  &#x10184;
- 
  下侧箭头-实心
  &#xe726;
- 
  上侧箭头
  &#xe727;
- 
  箭头-右侧
  &#xe728;
- 
  左侧箭头
  &#xe8b6;
- 
  右侧箭头-实心
  &#xe725;
- 
  排序
  &#xe724;
- 
  剪切
  &#xe722;
- 
  复制
  &#xe723;
- 
  地图定位
  &#xe721;
- 
  下侧箭头
  &#xe720;
- 
  返回
  &#xe71f;
- 
  主题
  &#xe71e;
- 
  清扫-粗
  &#xe712;
- 
  删除
  &#xe713;
- 
  文档返回
  &#xe714;
- 
  进口
  &#xe715;
- 
  发送线性
  &#xe716;
- 
  发货
  &#xe717;
- 
  打印
  &#xe719;
- 
  pdf
  &#xe71a;
- 
  添加
  &#xe71b;
- 
  出口
  &#xe71c;
- 
  收货
  &#xe71d;
- 
  设置
  &#xe710;
- 
  刷新
  &#xe711;
- 
  打勾
  &#xe70f;
- 
  减少按钮
  &#xe70d;
- 
  灯
  &#xe70b;
- 
  收起-对角
  &#xe70c;
- 
  删除-垃圾桶
  &#xe709;
- 
  搜索
  &#xe706;
- 
  下载-下划线
  &#xe707;
- 
  管理
  &#xe708;
- 
  首页面性
  &#xe6d9;
- 
  管理设置
  &#xe6da;
- 
  工具
  &#xe6e5;
- 
  文章
  &#xe6eb;
- 
  数据
  &#xe6e3;
- 
  管理手机
  &#xe6e2;
- 
  管理订单
  &#xe6e1;
- 
  应用管理
  &#xe6e0;
- 
  管理
  &#xe6df;
- 
  配置
  &#xe6de;
- 
  授权
  &#xe6dd;
- 
  品牌
  &#xe6dc;
- 
  用户2
  &#xe6db;
- 
  仓库
  &#xe6ec;
- 
  商品
  &#xe6ed;
- 
  注销-圆
  &#xe6f1;
- 
  刷新-单个
  &#xe6f3;
- 
  删除-文件
  &#xe6ee;
- 
  向下箭头
  &#xe6f2;
- 
  关闭-线条点
  &#xe6f0;
- 
  工具
  &#xe6ef;
- 
  语言
  &#xe6f4;
- 
  编辑
  &#xe6f5;
- 
  首页
  &#xe6f6;
- 
  清扫
  &#xe6f7;
- 
  暗色
  &#xe6f8;
- 
  全屏
  &#xe6f9;
- 
  亮色
  &#xe6fa;
- 
  筛选
  &#xe6fb;
- 
  展开
  &#xe6fc;
- 
  收起
  &#xe6fd;
- 
  上传
  &#xe6ff;
- 
  下载-按钮
  &#xe700;
- 
  安装
  &#xe701;
- 
  首页线性
  &#xe703;
- 
  更新
  &#xe704;
- 
  application-set
  &#xe705;
- 
  手机底部导航-首页选中
  &#xe6ea;
- 
  手机底部导航-分类选中
  &#xe6e9;
- 
  手机底部导航-用户选中
  &#xe6e8;
- 
  手机底部导航-购物车选中
  &#xe6e7;
- 
  手机底部导航-用户
  &#xe6b4;
- 
  手机底部导航-购物车
  &#xe6c8;
- 
  手机底部导航-首页
  &#xe6d7;
- 
  手机底部导航-分类
  &#xe6d8;
- 
  网站底部邮箱
  &#xe6d4;
- 
  网站底部地址
  &#xe6d6;
- 
  网站底部电话
  &#xe6d3;
- 
  扫码登录端切换-pc
  &#xe6d2;
- 
  扫码登录端切换-手机
  &#xe6d1;
- 
  卡片
  &#xe6cf;
- 
  钱币
  &#xe6d0;
- 
  选择-实心
  &#xe6cc;
- 
  关闭-键盘退格
  &#xe6cd;
- 
  钱包转账/转换
  &#xe6e4;
- 
  扫码-小
  &#xe8b5;
- 
  更多2
  &#xe6cb;
- 
  数量
  &#xe6ca;
- 
  交换
  &#xe6c5;
- 
  注销
  &#xe6c7;
- 
  购物车-高
  &#xe6c6;
- 
  服饰
  &#xe6c2;
- 
  汽车
  &#xe6c3;
- 
  珠宝
  &#xe6c4;
- 
  确认
  &#xe6c1;
- 
  日历
  &#xe6c0;
- 
  右侧箭头-虚线
  &#xe6be;
- 
  提现
  &#xe6bb;
- 
  定位-底座
  &#xe6bc;
- 
  钱包充值
  &#xe6ab;
- 
  赠送-圆
  &#xe6ac;
- 
  钱包
  &#xe6ad;
- 
  资料管理
  &#xe6ae;
- 
  筛选-窄
  &#xe6af;
- 
  冻结
  &#xe6b0;
- 
  业务管理
  &#xe6b1;
- 
  设置-双线
  &#xe6b3;
- 
  积分
  &#xe6b5;
- 
  提现
  &#xe6b6;
- 
  个人中心
  &#xe6b7;
- 
  财产中心
  &#xe6b9;
- 
  二维码
  &#xe6a8;
- 
  会员线性
  &#xe6a9;
- 
  右侧箭头-按钮
  &#xe6aa;
- 
  未开始
  &#xe6a6;
- 
  用户设置
  &#xe699;
- 
  列表-点-粗
  &#xe69a;
- 
  问答
  &#xe69b;
- 
  新闻
  &#xe69c;
- 
  推荐
  &#xe6a1;
- 
  选择-点
  &#xe695;
- 
  团队
  &#xe697;
- 
  积分-简洁
  &#xe691;
- 
  收藏直角
  &#xe68d;
- 
  更多3
  &#xe68e;
- 
  语言-圆
  &#xe68f;
- 
  购物袋
  &#xe68b;
- 
  消息-粗
  &#xe68c;
- 
  点赞-实心
  &#xe685;
- 
  分享-实心
  &#xe687;
- 
  回复
  &#xe688;
- 
  发送
  &#xe683;
- 
  热门-火
  &#xe681;
- 
  用户3
  &#xe67d;
- 
  首页
  &#xe67e;
- 
  收藏-爱心
  &#xe643;
- 
  列表模式
  &#xe61a;
- 
  图片列表切换
  &#xe638;
- 
  选中角标
  &#xe619;
- 
  列表
  &#xe66f;
- 
  开通服务
  &#xe62b;
- 
  礼物
  &#xe600;
- 
  分享
  &#xe624;
- 
  首页
  &#xe6a5;
- 
  门店
  &#xe6b2;
- 
  地址
  &#xe614;
- 
  消息
  &#xe621;
- 
  时间
  &#xe620;
- 
  购物车
  &#xe653;
- 
  秒杀
  &#xe69e;

## Unicode 引用

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

- 支持按字体的方式去动态调整图标大小，颜色等等。
- 默认情况下不支持多色，直接添加多色图标会自动去色。

> 注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.eot?t=1755137590312'); /* IE9 */
      src: url('iconfont.eot?t=1755137590312#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('data:application/x-font-woff2;charset=utf-8;base64,[encoded data, 93800 characters]') format('woff2'),
           url('iconfont.woff?t=1755137590312') format('woff'),
           url('iconfont.ttf?t=1755137590312') format('truetype'),
           url('iconfont.svg?t=1755137590312#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"。

- diy装修
  .icon-menu-diy
- 铃铛
  .icon-smallbell
- 喇叭
  .icon-speaker
- 搜索-大号
  .icon-search-max
- 电话按钮
  .icon-tel-bg-square
- 定位导航
  .icon-send-bg-square
- 电话-实心
  .icon-phone-solid
- 发送面性
  .icon-sending-surface
- 重叠
  .icon-pp-all
- 播放暂停
  .icon-player-pause
- 播放结束
  .icon-player-end
- 类别更多
  .icon-category-more
- 添加-按钮圆
  .icon-add-solid
- 减少
  .icon-reduce
- 失效
  .icon-lose-efficacy
- 分享-正方形
  .icon-share-square
- 签到
  .icon-sign-in
- 组队
  .icon-team-up
- 选择
  .icon-select
- 关闭-圆
  .icon-close-round
- 客服消息实心
  .icon-chat-message-solid
- 帮助
  .icon-help
- 订单-圆角
  .icon-order-round
- 关闭线条
  .icon-close-line
- 眼睛面性
  .icon-facial-features-of-the-eyes
- 编辑-粗
  .icon-edit-wide
- 添加-粗
  .icon-add-wide
- 普通分销
  .icon-ordinary-distribution
- 钻石
  .icon-diamond
- 高级会员
  .icon-senior-member
- 购物车添加
  .icon-cart-add
- 眼睛-下
  .icon-eye-half
- 回复
  .icon-message-square
- 点赞线性-圆
  .icon-givealike-o
- 编辑下划线
  .icon-edit-below-line
- 列表-点
  .icon-list-dot
- 皮夹
  .icon-billfold
- 日志
  .icon-log-list
- 历史时间
  .icon-timing-time
- 相机-实心
  .icon-camera-solid
- 选择
  .icon-checked
- 语言-全球
  .icon-language-global
- 收藏-星星
  .icon-star
- 定位
  .icon-location
- 消息-半圆
  .icon-message-semi-circle
- 提现钱包
  .icon-cash-wallet
- 充值
  .icon-recharge
- 转换
  .icon-convert-o
- 明细
  .icon-detail
- 转账
  .icon-transfer-count
- 收款
  .icon-collection
- 转换2
  .icon-convert
- 复制-方正
  .icon-copy-square
- 感叹号
  .icon-sigh-o
- 选中下标
  .icon-down-mark
- 导航
  .icon-map-navigator
- 选中-下半圆弧
  .icon-checked-smooth
- 播放面性
  .icon-bofang
- 左对齐
  .icon-left
- 重置
  .icon-reset
- 左上圆角
  .icon-radius-l-t
- 右对齐
  .icon-right
- 右下圆角
  .icon-radius-r-b
- 下侧箭头-下
  .icon-arrow-bottom
- 椭圆
  .icon-elliptic
- 外上
  .icon-out-t
- 内右
  .icon-enter-r
- 单张
  .icon-tile
- 铺满
  .icon-spread-over
- 内左
  .icon-enter-l
- 内下
  .icon-enter-b
- 平铺
  .icon-middle
- 居中
  .icon-center
- 内上
  .icon-enter-t
- 文本
  .icon-text
- 线条
  .icon-auxiliary-line
- 图片icon
  .icon-img
- 外左
  .icon-out-l
- 外下
  .icon-out-b
- 删除3
  .icon-del
- 拖动-点
  .icon-drag-dot
- 外右
  .icon-out-r
- 点线
  .icon-line-point
- 删除2
  .icon-del-o
- 实线
  .icon-line
- 关闭-填满
  .icon-close-fillup
- 右上圆角
  .icon-radius-r-t
- 左下圆角
  .icon-radius-l-b
- 上侧箭头
  .icon-arrow-top
- 左侧箭头
  .icon-arrow-left
- 眼睛可见-关闭
  .icon-eye-close
- 眼睛可见
  .icon-eye-view
- 对号 线
  .icon-true-o
- 图片
  .icon-error-img
- 文件
  .icon-folder
- 文件
  .icon-file
- 音频
  .icon-vf
- 视频-文件
  .icon-video-file
- 压缩包
  .icon-zip
- IPA
  .icon-ipa
- Excel
  .icon-excel-x
- vsd
  .icon-vsd
- APK
  .icon-apk
- word
  .icon-word
- PDF-文件
  .icon-pdf-file
- ppt
  .icon-ppt
- 进销存对号
  .icon-true
- 魔方-竖2
  .icon-magic-h-2
- 魔方-横2
  .icon-magic-w-2
- 魔方-4x4
  .icon-magic-4x4
- 魔方-左1右2
  .icon-magic-l1-r2
- 魔方-竖3
  .icon-magic-h-3
- 魔方-上2下1
  .icon-magic-t2-b1
- 魔方-左1右上1右下2
  .icon-magic-l1-rt1-rb2
- 魔方-上1下2
  .icon-magic-t1-b2
- 魔方-田字格
  .icon-magic-2x2
- 魔方-上2下3
  .icon-magic-t2-b3
- 魔方-左2右1
  .icon-magic-l2-r1
- 魔方-1个
  .icon-magic-1
- EXE
  .icon-exe
- TXT
  .icon-txt
- 问号-实心
  .icon-tips-solid
- 编辑-空心
  .icon-edit-o
- 关闭-圆空心
  .icon-close-round-o
- 秒杀图标
  .icon-a-miaosha
- 禁止
  .icon-jinzhi
- 图标
  .icon-tubiao
- 面性图标_保洁管理
  .icon-cleaning
- 下
  .icon-down
- 上
  .icon-up
- 面板
  .icon-panel
- 置底
  .icon-bottom-up
- 置顶
  .icon-top-up
- 榜单标签
  .icon-label
- 热门
  .icon-fire
- 删除-圆
  .icon-delete-o
- 更多
  .icon-more-o
- 右侧箭头-按钮大圆
  .icon-arrow-right-bg-round
- 消息-眼睛
  .icon-chat-eye
- 统一
  .icon-unified
- 独个
  .icon-alone
- 地图
  .icon-map-location
- 类别
  .icon-category
- 边距
  .icon-margin
- 右侧箭头-按钮圆
  .icon-arrow-right-bg-radius
- 下侧箭头-缺角
  .icon-down-gap
- 订单总量
  .icon-list-widget
- 结算概况
  .icon-settlement
- 用户总量
  .icon-user-group
- 店铺管理
  .icon-shop-setup
- 订单总计
  .icon-triangle-level-3
- 成交总量
  .icon-log-check
- 商品管理线性
  .icon-menu-setup
- 订单概况
  .icon-list-angle
- 订单管理
  .icon-list-setup
- 更多四块
  .icon-more-four-pieces
- 左侧箭头
  .icon-left-arrow
- 历史记录
  .icon-historical-records
- 右侧箭头
  .icon-right-arrow
- 客服
  .icon-customer-service
- 日期
  .icon-date
- 定位-坐标
  .icon-latitude-location
- 五角星-空心
  .icon-pointed-o
- 五角星-实心
  .icon-pointed
- 星形-空心
  .icon-the-heart-o
- 心形-实心
  .icon-the-heart
- 解锁
  .icon-lock
- 电脑a
  .icon-computer
- 玻尿酸
  .icon-boniaosuan
- 添加音乐
  .icon-add-music
- 订单售后
  .icon-menu-order-price
- 点赞-实心
  .icon-givealike
- 评论
  .icon-comment
- 点赞线性-细
  .icon-givealike-o-fine
- 长箭头-上
  .icon-haircut-top
- 分享-空心
  .icon-share-o
- 消息-空心
  .icon-message-o
- 购物车满
  .icon-cart-have
- 全屏-圆角
  .icon-full-screen-round
- 静音
  .icon-mute
- 图片
  .icon-images
- @
  .icon-a
- 转换-正方形
  .icon-convert-convert
- DIV装修
  .icon-diy-decoration
- 多门店
  .icon-shop-line
- 设置列表
  .icon-setup-list
- 用户-多线
  .icon-user-line
- 在线客服-粗
  .icon-online-service-wide
- 编组
  .icon-bianzu
- 数据报表
  .icon-report
- 电话-间隙
  .icon-tel-gap
- 二维码-圆角
  .icon-qrcode-round
- 购物车-线性
  .icon-cart-solid
- 在线客服
  .icon-online-service
- 右侧箭头点
  .icon-arrow-right-point
- 域名
  .icon-domain
- 链接
  .icon-link
- 链接-圆角
  .icon-link-round
- 送礼-细
  .icon-gift-fine
- 省略
  .icon-ellipsis
- 视频播放
  .icon-video
- 布局-6
  .icon-layout-6
- 布局1-3
  .icon-layout-1-3
- 布局1-2
  .icon-layout-1-2
- 布局2-1
  .icon-layout-2-1
- 布局1-1
  .icon-layout-1-1
- 布局-4
  .icon-layout-4
- 布局-1-2-1
  .icon-layout-1-2-1
- 布局
  .icon-layout-1
- 布局-1-1-2
  .icon-layout-1-1-2
- 布局-3
  .icon-layout-3
- 布局3-1
  .icon-layout-3-1
- 模块-辅助空白
  .icon-layout-module-blank
- 模块-单图
  .icon-layout-module-single-images
- 模块-商品
  .icon-layout-module-goods
- 模块-多图
  .icon-layout-module-many-images
- 编辑-下划2线
  .icon-edit-two
- 模块-标题
  .icon-layout-module-title
- 布局2-1-1
  .icon-layout-2-1-1
- 模块-自定义代码
  .icon-layout-module-code
- 移除
  .icon-remove
- 模块-图文
  .icon-layout-module-images-text
- 替换
  .icon-replace
- 拖拽
  .icon-drag
- 双箭头右
  .icon-angle-right-twin
- 模块-辅助线
  .icon-layout-module-border
- 设置
  .icon-setup-round
- 模块-视频
  .icon-layout-module-video
- 模块-魔方
  .icon-layout-magic
- 商家中心
  .icon-menu-center
- 导航管理
  .icon-menu-navicon
- 店铺管理
  .icon-menu-admin
- 首页推荐
  .icon-menu-recommend
- 页面设计
  .icon-menu-design
- 轮播管理
  .icon-menu-slider
- 订单管理
  .icon-menu-order
- 扩展模块
  .icon-menu-extend
- 商品管理面性
  .icon-menu-goods
- 商品分类
  .icon-menu-goodscategory
- 二级域名确认
  .icon-domain-confirm
- 首页-空心线条
  .icon-home-fine
- excel
  .icon-excel
- 导入excel
  .icon-import-excel
- 批量发货
  .icon-batch-delivery
- 标签打印
  .icon-label-print
- 运单打印
  .icon-waybill-print
- 导出excel
  .icon-export-excel
- 数据打印
  .icon-data-print
- 推到商城
  .icon-push-shop
- 商城导入
  .icon-shop-import
- 账号密码
  .icon-account-password
- 手机登录
  .icon-mobile-login
- 资金账单
  .icon-price-bill
- 系统配置
  .icon-sys-config
- 销售管理
  .icon-sales-manage
- 采购管理
  .icon-purchase-manage
- 库存管理
  .icon-inventroy-manage
- 商城订单
  .icon-shop-order
- 基础数据
  .icon-base-data
- 客商管理
  .icon-company-manage
- 放大
  .icon-enlarge
- 放大-边线
  .icon-enlarge-border
- 放大-四角
  .icon-enlarge-four
- 打印-打印机
  .icon-dayin-dayinji
- 底部商店简介
  .icon-footer-describe
- 置顶
  .icon-sticky
- 购物车
  .icon-cart
- 微信
  .icon-wechart
- 电话
  .icon-mobile
- 店铺
  .icon-shop
- 客服
  .icon-chat
- 爱心-实
  .icon-heart
- 右侧箭头-轮播
  .icon-swiper-right
- 左侧箭头-轮播
  .icon-swiper-left
- 爱心-空
  .icon-heart-o
- 眼睛圆
  .icon-eye-circle
- 优惠券-商城五
  .icon-youhuiquan-shangchengwu
- 购物袋
  .icon-shopping
- 个人-圆
  .icon-user-circle
- 搜索-线
  .icon-search-fine
- 免费
  .icon-delivery
- 安全锁
  .icon-security-lock
- 电话
  .icon-tel
- 保障
  .icon-guarantee
- 手机粗
  .icon-phone-wide
- 电脑
  .icon-pc
- 数码商城
  .icon-figure
- 手表
  .icon-watch
- 耳机
  .icon-headset
- 相机
  .icon-camera
- 上侧箭头-上
  .icon-swiper-arrow-top
- 左侧箭头长
  .icon-swiper-arrow-left
- 右侧箭头-长
  .icon-swiper-arrow-right
- 下侧箭头-下
  .icon-swiper-arrow-down
- 夹克-商城二新
  .icon-shopsite2-overcoat
- 鞋子-商城二
  .icon-shopsite2-shoe
- 衬衫-商城二
  .icon-shopsize2-shirt
- 手表-时间
  .icon-watch-time
- 裤子
  .icon-pants
- 回旋
  .icon-whirl
- 楼房
  .icon-building
- 知名
  .icon-well-known
- 质量
  .icon-quality
- 先进生产设备
  .icon-globali
- 设置x2
  .icon-setup-two
- 合作
  .icon-cooperate
- 工人
  .icon-worker
- 联系电话-官网三
  .icon-phone
- 右侧箭头-长
  .icon-arrow-right-long
- 灯泡
  .icon-light-bulb
- 更多用户
  .icon-user-more
- 星级服务
  .icon-service-star
- 信息统计
  .icon-info-stats
- 右侧箭头-圆框
  .icon-arrow-right-circle-line
- 职员
  .icon-staff
- 退出
  .icon-exit
- 用户
  .icon-user
- 订单
  .icon-order
- 退货
  .icon-after-sales
- 收银
  .icon-cashier
- 核销
  .icon-cashier-check
- 扫码
  .icon-scan
- 配送
  .icon-dadaorder
- 支付
  .icon-batch-pay
- 待收货
  .icon-wait-receive-delivery
- 待评论
  .icon-wait-comment
- 待发货
  .icon-wait-delivery
- 待付款
  .icon-wait-payment
- 退款/售后
  .icon-refund-aftersales
- 订单列表
  .icon-order-list
- 生成账单
  .icon-created-midal
- 充值
  .icon-paypal
- 值班
  .icon-duty
- 薪水
  .icon-salary
- 批量结算
  .icon-batch-settlement
- 商品库
  .icon-system-goods
- 眼睛-不可见
  .icon-eye-slash
- 眼睛-可见
  .icon-eye
- 多选-选中
  .icon-checkbox-checked
- 单选-未选中
  .icon-radio-unchecked
- 单选-选中
  .icon-radio-checked
- 多选-未选中
  .icon-checkbox-unchecked
- 通知
  .icon-notice
- 启用
  .icon-enable
- 收起
  .icon-retract
- 设置
  .icon-setup
- 退出
  .icon-logout
- 后台商店用户
  .icon-admin-store-user
- 后台商店VIP
  .icon-admin-store-vip
- 关闭
  .icon-close
- table-user-gender
  .icon-table-user-gender
- 眼睛关闭
  .icon-eyes-closed
- 电话接听
  .icon-phone-answer
- 二维码-三面
  .icon-qrocde-three-sides
- 用户名
  .icon-username
- 邮箱
  .icon-email
- 选择
  .icon-selected
- 未选
  .icon-not-selected
- 订单删除
  .icon-order-del
- 卸载
  .icon-uninstall
- 上传文件
  .icon-upload-file
- 日志
  .icon-log
- 下载
  .icon-download
- 箭头-右侧
  .icon-arrow-right
- 下侧箭头-实心
  .icon-arrow-down-solid
- 上侧箭头
  .icon-angle-up
- 箭头-右侧
  .icon-angle-right
- 左侧箭头
  .icon-angle-left
- 右侧箭头-实心
  .icon-arrow-right-solid
- 排序
  .icon-sort
- 剪切
  .icon-shear
- 复制
  .icon-copy
- 地图定位
  .icon-map-position
- 下侧箭头
  .icon-arrow-down
- 返回
  .icon-back
- 主题
  .icon-theme
- 清扫-粗
  .icon-clear-crude
- 删除
  .icon-delete
- 文档返回
  .icon-doc-back
- 进口
  .icon-import
- 发送线性
  .icon-send-linear
- 发货
  .icon-send-delivery
- 打印
  .icon-print
- pdf
  .icon-pdf
- 添加
  .icon-add
- 出口
  .icon-export
- 收货
  .icon-take-delivery
- 设置
  .icon-cog
- 刷新
  .icon-refresh
- 打勾
  .icon-check
- 减少按钮
  .icon-btn-del
- 灯
  .icon-tips
- 收起-对角
  .icon-retract-diagonal
- 删除-垃圾桶
  .icon-delete-dustbin
- 搜索
  .icon-search
- 下载-下划线
  .icon-download-b-line
- 管理
  .icon-type-manage
- 首页面性
  .icon-home-solid
- 管理设置
  .icon-admin-system
- 工具
  .icon-admin-tools
- 文章
  .icon-admin-article
- 数据
  .icon-admin-data
- 管理手机
  .icon-admin-phone
- 管理订单
  .icon-admin-order
- 应用管理
  .icon-admin-application
- 管理
  .icon-admin-web-manage
- 配置
  .icon-admin-site-config
- 授权
  .icon-admin-auth
- 品牌
  .icon-admin-brand
- 用户2
  .icon-admin-user
- 仓库
  .icon-admin-warehouse
- 商品
  .icon-admin-goods
- 注销-圆
  .icon-logout-round
- 刷新-单个
  .icon-refresh-single
- 删除-文件
  .icon-del-file
- 向下箭头
  .icon-angle-down
- 关闭-线条点
  .icon-close-line-dot
- 工具
  .icon-nav-tools
- 语言
  .icon-language
- 编辑
  .icon-edit
- 首页
  .icon-home
- 清扫
  .icon-clear
- 暗色
  .icon-dark
- 全屏
  .icon-full-screen
- 亮色
  .icon-light
- 筛选
  .icon-filter
- 展开
  .icon-stretch
- 收起
  .icon-shrink
- 上传
  .icon-upload
- 下载-按钮
  .icon-download-btn
- 安装
  .icon-application-install
- 首页线性
  .icon-home-line
- 更新
  .icon-application-update
- application-set
  .icon-application-set
- 手机底部导航-首页选中
  .icon-web-mobile-bottom-nav-home-active
- 手机底部导航-分类选中
  .icon-web-mobile-bottom-nav-category-active
- 手机底部导航-用户选中
  .icon-web-mobile-bottom-nav-user-active
- 手机底部导航-购物车选中
  .icon-web-mobile-bottom-nav-cart-active
- 手机底部导航-用户
  .icon-web-mobile-bottom-nav-user
- 手机底部导航-购物车
  .icon-web-mobile-bottom-nav-cart
- 手机底部导航-首页
  .icon-web-mobile-bottom-nav-home
- 手机底部导航-分类
  .icon-web-mobile-bottom-nav-category
- 网站底部邮箱
  .icon-footer-email
- 网站底部地址
  .icon-footer-address
- 网站底部电话
  .icon-footer-tel
- 扫码登录端切换-pc
  .icon-login-right-pc
- 扫码登录端切换-手机
  .icon-login-right-scan
- 卡片
  .icon-chongzhi-zffs
- 钱币
  .icon-chongzhi-czje
- 选择-实心
  .icon-selected-solid
- 关闭-键盘退格
  .icon-keyboard-backspace
- 钱包转账/转换
  .icon-transfer
- 扫码-小
  .icon-scan-mini
- 更多2
  .icon-more-phone
- 数量
  .icon-quantity
- 交换
  .icon-exchange-nav-top
- 注销
  .icon-user-center-left-logout
- 购物车-高
  .icon-shopping-cart-tall
- 服饰
  .icon-clothing
- 汽车
  .icon-car
- 珠宝
  .icon-jewelry
- 确认
  .icon-confirm
- 日历
  .icon-calendar
- 右侧箭头-虚线
  .icon-right-arrow-dashed-line
- 提现
  .icon-withdrawal
- 定位-底座
  .icon-location-pedestal
- 钱包充值
  .icon-wallet-recharge
- 赠送-圆
  .icon-gift-round
- 钱包
  .icon-wallet
- 资料管理
  .icon-data-management
- 筛选-窄
  .icon-filter-narrow
- 冻结
  .icon-freeze
- 业务管理
  .icon-user-center-left-business
- 设置-双线
  .icon-setup-double-line
- 积分
  .icon-points
- 提现
  .icon-cash
- 个人中心
  .icon-user-center-left-home
- 财产中心
  .icon-user-center-left-property
- 二维码
  .icon-qrcode
- 会员线性
  .icon-membership-linear
- 右侧箭头-按钮
  .icon-right-arrow-btn
- 未开始
  .icon-a-notbegun_zb
- 用户设置
  .icon-user-setup
- 列表-点-粗
  .icon-list-dot-wide
- 问答
  .icon-ask
- 新闻
  .icon-new
- 推荐
  .icon-recommend
- 选择-点
  .icon-selected-dot
- 团队
  .icon-team
- 积分-简洁
  .icon-points-terse
- 收藏直角
  .icon-star-stiff
- 更多3
  .icon-more3
- 语言-圆
  .icon-language-round
- 购物袋
  .icon-shopping-bag
- 消息-粗
  .icon-message-stout
- 点赞-实心
  .icon-givealike-solid
- 分享-实心
  .icon-share-solid
- 回复
  .icon-reply
- 发送
  .icon-publish
- 热门-火
  .icon-hot
- 用户3
  .icon-user3
- 首页
  .icon-index
- 收藏-爱心
  .icon-collect
- 列表模式
  .icon-table-list
- 图片列表切换
  .icon-table-grid
- 选中角标
  .icon-subscript
- 列表
  .icon-tabulation
- 开通服务
  .icon-activate-service
- 礼物
  .icon-gift
- 分享
  .icon-share
- 首页
  .icon-home-page
- 门店
  .icon-store
- 地址
  .icon-address
- 消息
  .icon-message
- 时间
  .icon-time
- 购物车
  .icon-shopping-cart
- 秒杀
  .icon-flash-killing

## font-class 引用

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

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

- 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。

使用步骤如下：

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

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

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

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

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

- diy装修
  #icon-menu-diy
- 铃铛
  #icon-smallbell
- 喇叭
  #icon-speaker
- 搜索-大号
  #icon-search-max
- 电话按钮
  #icon-tel-bg-square
- 定位导航
  #icon-send-bg-square
- 电话-实心
  #icon-phone-solid
- 发送面性
  #icon-sending-surface
- 重叠
  #icon-pp-all
- 播放暂停
  #icon-player-pause
- 播放结束
  #icon-player-end
- 类别更多
  #icon-category-more
- 添加-按钮圆
  #icon-add-solid
- 减少
  #icon-reduce
- 失效
  #icon-lose-efficacy
- 分享-正方形
  #icon-share-square
- 签到
  #icon-sign-in
- 组队
  #icon-team-up
- 选择
  #icon-select
- 关闭-圆
  #icon-close-round
- 客服消息实心
  #icon-chat-message-solid
- 帮助
  #icon-help
- 订单-圆角
  #icon-order-round
- 关闭线条
  #icon-close-line
- 眼睛面性
  #icon-facial-features-of-the-eyes
- 编辑-粗
  #icon-edit-wide
- 添加-粗
  #icon-add-wide
- 普通分销
  #icon-ordinary-distribution
- 钻石
  #icon-diamond
- 高级会员
  #icon-senior-member
- 购物车添加
  #icon-cart-add
- 眼睛-下
  #icon-eye-half
- 回复
  #icon-message-square
- 点赞线性-圆
  #icon-givealike-o
- 编辑下划线
  #icon-edit-below-line
- 列表-点
  #icon-list-dot
- 皮夹
  #icon-billfold
- 日志
  #icon-log-list
- 历史时间
  #icon-timing-time
- 相机-实心
  #icon-camera-solid
- 选择
  #icon-checked
- 语言-全球
  #icon-language-global
- 收藏-星星
  #icon-star
- 定位
  #icon-location
- 消息-半圆
  #icon-message-semi-circle
- 提现钱包
  #icon-cash-wallet
- 充值
  #icon-recharge
- 转换
  #icon-convert-o
- 明细
  #icon-detail
- 转账
  #icon-transfer-count
- 收款
  #icon-collection
- 转换2
  #icon-convert
- 复制-方正
  #icon-copy-square
- 感叹号
  #icon-sigh-o
- 选中下标
  #icon-down-mark
- 导航
  #icon-map-navigator
- 选中-下半圆弧
  #icon-checked-smooth
- 播放面性
  #icon-bofang
- 左对齐
  #icon-left
- 重置
  #icon-reset
- 左上圆角
  #icon-radius-l-t
- 右对齐
  #icon-right
- 右下圆角
  #icon-radius-r-b
- 下侧箭头-下
  #icon-arrow-bottom
- 椭圆
  #icon-elliptic
- 外上
  #icon-out-t
- 内右
  #icon-enter-r
- 单张
  #icon-tile
- 铺满
  #icon-spread-over
- 内左
  #icon-enter-l
- 内下
  #icon-enter-b
- 平铺
  #icon-middle
- 居中
  #icon-center
- 内上
  #icon-enter-t
- 文本
  #icon-text
- 线条
  #icon-auxiliary-line
- 图片icon
  #icon-img
- 外左
  #icon-out-l
- 外下
  #icon-out-b
- 删除3
  #icon-del
- 拖动-点
  #icon-drag-dot
- 外右
  #icon-out-r
- 点线
  #icon-line-point
- 删除2
  #icon-del-o
- 实线
  #icon-line
- 关闭-填满
  #icon-close-fillup
- 右上圆角
  #icon-radius-r-t
- 左下圆角
  #icon-radius-l-b
- 上侧箭头
  #icon-arrow-top
- 左侧箭头
  #icon-arrow-left
- 眼睛可见-关闭
  #icon-eye-close
- 眼睛可见
  #icon-eye-view
- 对号 线
  #icon-true-o
- 图片
  #icon-error-img
- 文件
  #icon-folder
- 文件
  #icon-file
- 音频
  #icon-vf
- 视频-文件
  #icon-video-file
- 压缩包
  #icon-zip
- IPA
  #icon-ipa
- Excel
  #icon-excel-x
- vsd
  #icon-vsd
- APK
  #icon-apk
- word
  #icon-word
- PDF-文件
  #icon-pdf-file
- ppt
  #icon-ppt
- 进销存对号
  #icon-true
- 魔方-竖2
  #icon-magic-h-2
- 魔方-横2
  #icon-magic-w-2
- 魔方-4x4
  #icon-magic-4x4
- 魔方-左1右2
  #icon-magic-l1-r2
- 魔方-竖3
  #icon-magic-h-3
- 魔方-上2下1
  #icon-magic-t2-b1
- 魔方-左1右上1右下2
  #icon-magic-l1-rt1-rb2
- 魔方-上1下2
  #icon-magic-t1-b2
- 魔方-田字格
  #icon-magic-2x2
- 魔方-上2下3
  #icon-magic-t2-b3
- 魔方-左2右1
  #icon-magic-l2-r1
- 魔方-1个
  #icon-magic-1
- EXE
  #icon-exe
- TXT
  #icon-txt
- 问号-实心
  #icon-tips-solid
- 编辑-空心
  #icon-edit-o
- 关闭-圆空心
  #icon-close-round-o
- 秒杀图标
  #icon-a-miaosha
- 禁止
  #icon-jinzhi
- 图标
  #icon-tubiao
- 面性图标_保洁管理
  #icon-cleaning
- 下
  #icon-down
- 上
  #icon-up
- 面板
  #icon-panel
- 置底
  #icon-bottom-up
- 置顶
  #icon-top-up
- 榜单标签
  #icon-label
- 热门
  #icon-fire
- 删除-圆
  #icon-delete-o
- 更多
  #icon-more-o
- 右侧箭头-按钮大圆
  #icon-arrow-right-bg-round
- 消息-眼睛
  #icon-chat-eye
- 统一
  #icon-unified
- 独个
  #icon-alone
- 地图
  #icon-map-location
- 类别
  #icon-category
- 边距
  #icon-margin
- 右侧箭头-按钮圆
  #icon-arrow-right-bg-radius
- 下侧箭头-缺角
  #icon-down-gap
- 订单总量
  #icon-list-widget
- 结算概况
  #icon-settlement
- 用户总量
  #icon-user-group
- 店铺管理
  #icon-shop-setup
- 订单总计
  #icon-triangle-level-3
- 成交总量
  #icon-log-check
- 商品管理线性
  #icon-menu-setup
- 订单概况
  #icon-list-angle
- 订单管理
  #icon-list-setup
- 更多四块
  #icon-more-four-pieces
- 左侧箭头
  #icon-left-arrow
- 历史记录
  #icon-historical-records
- 右侧箭头
  #icon-right-arrow
- 客服
  #icon-customer-service
- 日期
  #icon-date
- 定位-坐标
  #icon-latitude-location
- 五角星-空心
  #icon-pointed-o
- 五角星-实心
  #icon-pointed
- 星形-空心
  #icon-the-heart-o
- 心形-实心
  #icon-the-heart
- 解锁
  #icon-lock
- 电脑a
  #icon-computer
- 玻尿酸
  #icon-boniaosuan
- 添加音乐
  #icon-add-music
- 订单售后
  #icon-menu-order-price
- 点赞-实心
  #icon-givealike
- 评论
  #icon-comment
- 点赞线性-细
  #icon-givealike-o-fine
- 长箭头-上
  #icon-haircut-top
- 分享-空心
  #icon-share-o
- 消息-空心
  #icon-message-o
- 购物车满
  #icon-cart-have
- 全屏-圆角
  #icon-full-screen-round
- 静音
  #icon-mute
- 图片
  #icon-images
- @
  #icon-a
- 转换-正方形
  #icon-convert-convert
- DIV装修
  #icon-diy-decoration
- 多门店
  #icon-shop-line
- 设置列表
  #icon-setup-list
- 用户-多线
  #icon-user-line
- 在线客服-粗
  #icon-online-service-wide
- 编组
  #icon-bianzu
- 数据报表
  #icon-report
- 电话-间隙
  #icon-tel-gap
- 二维码-圆角
  #icon-qrcode-round
- 购物车-线性
  #icon-cart-solid
- 在线客服
  #icon-online-service
- 右侧箭头点
  #icon-arrow-right-point
- 域名
  #icon-domain
- 链接
  #icon-link
- 链接-圆角
  #icon-link-round
- 送礼-细
  #icon-gift-fine
- 省略
  #icon-ellipsis
- 视频播放
  #icon-video
- 布局-6
  #icon-layout-6
- 布局1-3
  #icon-layout-1-3
- 布局1-2
  #icon-layout-1-2
- 布局2-1
  #icon-layout-2-1
- 布局1-1
  #icon-layout-1-1
- 布局-4
  #icon-layout-4
- 布局-1-2-1
  #icon-layout-1-2-1
- 布局
  #icon-layout-1
- 布局-1-1-2
  #icon-layout-1-1-2
- 布局-3
  #icon-layout-3
- 布局3-1
  #icon-layout-3-1
- 模块-辅助空白
  #icon-layout-module-blank
- 模块-单图
  #icon-layout-module-single-images
- 模块-商品
  #icon-layout-module-goods
- 模块-多图
  #icon-layout-module-many-images
- 编辑-下划2线
  #icon-edit-two
- 模块-标题
  #icon-layout-module-title
- 布局2-1-1
  #icon-layout-2-1-1
- 模块-自定义代码
  #icon-layout-module-code
- 移除
  #icon-remove
- 模块-图文
  #icon-layout-module-images-text
- 替换
  #icon-replace
- 拖拽
  #icon-drag
- 双箭头右
  #icon-angle-right-twin
- 模块-辅助线
  #icon-layout-module-border
- 设置
  #icon-setup-round
- 模块-视频
  #icon-layout-module-video
- 模块-魔方
  #icon-layout-magic
- 商家中心
  #icon-menu-center
- 导航管理
  #icon-menu-navicon
- 店铺管理
  #icon-menu-admin
- 首页推荐
  #icon-menu-recommend
- 页面设计
  #icon-menu-design
- 轮播管理
  #icon-menu-slider
- 订单管理
  #icon-menu-order
- 扩展模块
  #icon-menu-extend
- 商品管理面性
  #icon-menu-goods
- 商品分类
  #icon-menu-goodscategory
- 二级域名确认
  #icon-domain-confirm
- 首页-空心线条
  #icon-home-fine
- excel
  #icon-excel
- 导入excel
  #icon-import-excel
- 批量发货
  #icon-batch-delivery
- 标签打印
  #icon-label-print
- 运单打印
  #icon-waybill-print
- 导出excel
  #icon-export-excel
- 数据打印
  #icon-data-print
- 推到商城
  #icon-push-shop
- 商城导入
  #icon-shop-import
- 账号密码
  #icon-account-password
- 手机登录
  #icon-mobile-login
- 资金账单
  #icon-price-bill
- 系统配置
  #icon-sys-config
- 销售管理
  #icon-sales-manage
- 采购管理
  #icon-purchase-manage
- 库存管理
  #icon-inventroy-manage
- 商城订单
  #icon-shop-order
- 基础数据
  #icon-base-data
- 客商管理
  #icon-company-manage
- 放大
  #icon-enlarge
- 放大-边线
  #icon-enlarge-border
- 放大-四角
  #icon-enlarge-four
- 打印-打印机
  #icon-dayin-dayinji
- 底部商店简介
  #icon-footer-describe
- 置顶
  #icon-sticky
- 购物车
  #icon-cart
- 微信
  #icon-wechart
- 电话
  #icon-mobile
- 店铺
  #icon-shop
- 客服
  #icon-chat
- 爱心-实
  #icon-heart
- 右侧箭头-轮播
  #icon-swiper-right
- 左侧箭头-轮播
  #icon-swiper-left
- 爱心-空
  #icon-heart-o
- 眼睛圆
  #icon-eye-circle
- 优惠券-商城五
  #icon-youhuiquan-shangchengwu
- 购物袋
  #icon-shopping
- 个人-圆
  #icon-user-circle
- 搜索-线
  #icon-search-fine
- 免费
  #icon-delivery
- 安全锁
  #icon-security-lock
- 电话
  #icon-tel
- 保障
  #icon-guarantee
- 手机粗
  #icon-phone-wide
- 电脑
  #icon-pc
- 数码商城
  #icon-figure
- 手表
  #icon-watch
- 耳机
  #icon-headset
- 相机
  #icon-camera
- 上侧箭头-上
  #icon-swiper-arrow-top
- 左侧箭头长
  #icon-swiper-arrow-left
- 右侧箭头-长
  #icon-swiper-arrow-right
- 下侧箭头-下
  #icon-swiper-arrow-down
- 夹克-商城二新
  #icon-shopsite2-overcoat
- 鞋子-商城二
  #icon-shopsite2-shoe
- 衬衫-商城二
  #icon-shopsize2-shirt
- 手表-时间
  #icon-watch-time
- 裤子
  #icon-pants
- 回旋
  #icon-whirl
- 楼房
  #icon-building
- 知名
  #icon-well-known
- 质量
  #icon-quality
- 先进生产设备
  #icon-globali
- 设置x2
  #icon-setup-two
- 合作
  #icon-cooperate
- 工人
  #icon-worker
- 联系电话-官网三
  #icon-phone
- 右侧箭头-长
  #icon-arrow-right-long
- 灯泡
  #icon-light-bulb
- 更多用户
  #icon-user-more
- 星级服务
  #icon-service-star
- 信息统计
  #icon-info-stats
- 右侧箭头-圆框
  #icon-arrow-right-circle-line
- 职员
  #icon-staff
- 退出
  #icon-exit
- 用户
  #icon-user
- 订单
  #icon-order
- 退货
  #icon-after-sales
- 收银
  #icon-cashier
- 核销
  #icon-cashier-check
- 扫码
  #icon-scan
- 配送
  #icon-dadaorder
- 支付
  #icon-batch-pay
- 待收货
  #icon-wait-receive-delivery
- 待评论
  #icon-wait-comment
- 待发货
  #icon-wait-delivery
- 待付款
  #icon-wait-payment
- 退款/售后
  #icon-refund-aftersales
- 订单列表
  #icon-order-list
- 生成账单
  #icon-created-midal
- 充值
  #icon-paypal
- 值班
  #icon-duty
- 薪水
  #icon-salary
- 批量结算
  #icon-batch-settlement
- 商品库
  #icon-system-goods
- 眼睛-不可见
  #icon-eye-slash
- 眼睛-可见
  #icon-eye
- 多选-选中
  #icon-checkbox-checked
- 单选-未选中
  #icon-radio-unchecked
- 单选-选中
  #icon-radio-checked
- 多选-未选中
  #icon-checkbox-unchecked
- 通知
  #icon-notice
- 启用
  #icon-enable
- 收起
  #icon-retract
- 设置
  #icon-setup
- 退出
  #icon-logout
- 后台商店用户
  #icon-admin-store-user
- 后台商店VIP
  #icon-admin-store-vip
- 关闭
  #icon-close
- table-user-gender
  #icon-table-user-gender
- 眼睛关闭
  #icon-eyes-closed
- 电话接听
  #icon-phone-answer
- 二维码-三面
  #icon-qrocde-three-sides
- 用户名
  #icon-username
- 邮箱
  #icon-email
- 选择
  #icon-selected
- 未选
  #icon-not-selected
- 订单删除
  #icon-order-del
- 卸载
  #icon-uninstall
- 上传文件
  #icon-upload-file
- 日志
  #icon-log
- 下载
  #icon-download
- 箭头-右侧
  #icon-arrow-right
- 下侧箭头-实心
  #icon-arrow-down-solid
- 上侧箭头
  #icon-angle-up
- 箭头-右侧
  #icon-angle-right
- 左侧箭头
  #icon-angle-left
- 右侧箭头-实心
  #icon-arrow-right-solid
- 排序
  #icon-sort
- 剪切
  #icon-shear
- 复制
  #icon-copy
- 地图定位
  #icon-map-position
- 下侧箭头
  #icon-arrow-down
- 返回
  #icon-back
- 主题
  #icon-theme
- 清扫-粗
  #icon-clear-crude
- 删除
  #icon-delete
- 文档返回
  #icon-doc-back
- 进口
  #icon-import
- 发送线性
  #icon-send-linear
- 发货
  #icon-send-delivery
- 打印
  #icon-print
- pdf
  #icon-pdf
- 添加
  #icon-add
- 出口
  #icon-export
- 收货
  #icon-take-delivery
- 设置
  #icon-cog
- 刷新
  #icon-refresh
- 打勾
  #icon-check
- 减少按钮
  #icon-btn-del
- 灯
  #icon-tips
- 收起-对角
  #icon-retract-diagonal
- 删除-垃圾桶
  #icon-delete-dustbin
- 搜索
  #icon-search
- 下载-下划线
  #icon-download-b-line
- 管理
  #icon-type-manage
- 首页面性
  #icon-home-solid
- 管理设置
  #icon-admin-system
- 工具
  #icon-admin-tools
- 文章
  #icon-admin-article
- 数据
  #icon-admin-data
- 管理手机
  #icon-admin-phone
- 管理订单
  #icon-admin-order
- 应用管理
  #icon-admin-application
- 管理
  #icon-admin-web-manage
- 配置
  #icon-admin-site-config
- 授权
  #icon-admin-auth
- 品牌
  #icon-admin-brand
- 用户2
  #icon-admin-user
- 仓库
  #icon-admin-warehouse
- 商品
  #icon-admin-goods
- 注销-圆
  #icon-logout-round
- 刷新-单个
  #icon-refresh-single
- 删除-文件
  #icon-del-file
- 向下箭头
  #icon-angle-down
- 关闭-线条点
  #icon-close-line-dot
- 工具
  #icon-nav-tools
- 语言
  #icon-language
- 编辑
  #icon-edit
- 首页
  #icon-home
- 清扫
  #icon-clear
- 暗色
  #icon-dark
- 全屏
  #icon-full-screen
- 亮色
  #icon-light
- 筛选
  #icon-filter
- 展开
  #icon-stretch
- 收起
  #icon-shrink
- 上传
  #icon-upload
- 下载-按钮
  #icon-download-btn
- 安装
  #icon-application-install
- 首页线性
  #icon-home-line
- 更新
  #icon-application-update
- application-set
  #icon-application-set
- 手机底部导航-首页选中
  #icon-web-mobile-bottom-nav-home-active
- 手机底部导航-分类选中
  #icon-web-mobile-bottom-nav-category-active
- 手机底部导航-用户选中
  #icon-web-mobile-bottom-nav-user-active
- 手机底部导航-购物车选中
  #icon-web-mobile-bottom-nav-cart-active
- 手机底部导航-用户
  #icon-web-mobile-bottom-nav-user
- 手机底部导航-购物车
  #icon-web-mobile-bottom-nav-cart
- 手机底部导航-首页
  #icon-web-mobile-bottom-nav-home
- 手机底部导航-分类
  #icon-web-mobile-bottom-nav-category
- 网站底部邮箱
  #icon-footer-email
- 网站底部地址
  #icon-footer-address
- 网站底部电话
  #icon-footer-tel
- 扫码登录端切换-pc
  #icon-login-right-pc
- 扫码登录端切换-手机
  #icon-login-right-scan
- 卡片
  #icon-chongzhi-zffs
- 钱币
  #icon-chongzhi-czje
- 选择-实心
  #icon-selected-solid
- 关闭-键盘退格
  #icon-keyboard-backspace
- 钱包转账/转换
  #icon-transfer
- 扫码-小
  #icon-scan-mini
- 更多2
  #icon-more-phone
- 数量
  #icon-quantity
- 交换
  #icon-exchange-nav-top
- 注销
  #icon-user-center-left-logout
- 购物车-高
  #icon-shopping-cart-tall
- 服饰
  #icon-clothing
- 汽车
  #icon-car
- 珠宝
  #icon-jewelry
- 确认
  #icon-confirm
- 日历
  #icon-calendar
- 右侧箭头-虚线
  #icon-right-arrow-dashed-line
- 提现
  #icon-withdrawal
- 定位-底座
  #icon-location-pedestal
- 钱包充值
  #icon-wallet-recharge
- 赠送-圆
  #icon-gift-round
- 钱包
  #icon-wallet
- 资料管理
  #icon-data-management
- 筛选-窄
  #icon-filter-narrow
- 冻结
  #icon-freeze
- 业务管理
  #icon-user-center-left-business
- 设置-双线
  #icon-setup-double-line
- 积分
  #icon-points
- 提现
  #icon-cash
- 个人中心
  #icon-user-center-left-home
- 财产中心
  #icon-user-center-left-property
- 二维码
  #icon-qrcode
- 会员线性
  #icon-membership-linear
- 右侧箭头-按钮
  #icon-right-arrow-btn
- 未开始
  #icon-a-notbegun_zb
- 用户设置
  #icon-user-setup
- 列表-点-粗
  #icon-list-dot-wide
- 问答
  #icon-ask
- 新闻
  #icon-new
- 推荐
  #icon-recommend
- 选择-点
  #icon-selected-dot
- 团队
  #icon-team
- 积分-简洁
  #icon-points-terse
- 收藏直角
  #icon-star-stiff
- 更多3
  #icon-more3
- 语言-圆
  #icon-language-round
- 购物袋
  #icon-shopping-bag
- 消息-粗
  #icon-message-stout
- 点赞-实心
  #icon-givealike-solid
- 分享-实心
  #icon-share-solid
- 回复
  #icon-reply
- 发送
  #icon-publish
- 热门-火
  #icon-hot
- 用户3
  #icon-user3
- 首页
  #icon-index
- 收藏-爱心
  #icon-collect
- 列表模式
  #icon-table-list
- 图片列表切换
  #icon-table-grid
- 选中角标
  #icon-subscript
- 列表
  #icon-tabulation
- 开通服务
  #icon-activate-service
- 礼物
  #icon-gift
- 分享
  #icon-share
- 首页
  #icon-home-page
- 门店
  #icon-store
- 地址
  #icon-address
- 消息
  #icon-message
- 时间
  #icon-time
- 购物车
  #icon-shopping-cart
- 秒杀
  #icon-flash-killing

## 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>