# 

- 
  灯泡
  &#xe651;
- 
  电话
  &#xe6a9;
- 
  文档
  &#xe619;
- 
  点击
  &#xe861;
- 
  银行卡
  &#xe6c2;
- 
  书
  &#xe622;
- 
  菜单
  &#xe6d4;
- 
  笔
  &#xe66f;
- 
  火箭
  &#xe680;
- 
  公文包
  &#xe621;
- 
  评分
  &#xe715;
- 
  格子
  &#xe725;
- 
  栅格2
  &#xe6bd;
- 
  禁止
  &#xe652;
- 
  赞
  &#xe65c;
- 
  菜单
  &#xe790;
- 
  下
  &#xe635;
- 
  选中
  &#xe6a7;
- 
  问题
  &#xe63e;
- 
  挂电话2
  &#xe60f;
- 
  全球
  &#xe6f3;
- 
  目标
  &#xe672;
- 
  分类
  &#xe6b3;
- 
  下拉
  &#xe822;
- 
  工作转交
  &#xe6d3;
- 
  分享
  &#xe689;
- 
  phone5-电话
  &#xe67a;
- 
  phone4-电话
  &#xe67b;
- 
  compass-指南针
  &#xe718;
- 
  无声
  &#xe7d1;
- 
  计算器
  &#xe628;
- 
  女
  &#xe6c7;
- 
  定位
  &#xe66e;
- 
  高德地图
  &#xe727;
- 
  眼
  &#xe68a;
- 
  初始化设置
  &#xe73a;
- 
  等待卖家确认运费-[转换]
  &#xe740;
- 
  警告
  &#xe60c;
- 
  github
  &#xeee2;
- 
  男性
  &#xe6a6;
- 
  响应式
  &#xe6e3;
- 
  ＋喜欢
  &#xe6be;
- 
  笑脸
  &#xe761;
- 
  发送消息
  &#xe732;
- 
  邮件
  &#xe65b;
- 
  电信
  &#xe688;
- 
  图片
  &#xe6ab;
- 
  足迹
  &#xe6bf;
- 
  时钟
  &#xe627;
- 
  中国移动
  &#xe686;
- 
  编辑器
  &#xe6ae;
- 
  图表
  &#xe6c0;
- 
  文本
  &#xe720;
- 
  标签
  &#xe637;
- 
  主页
  &#xe65a;
- 
  完成
  &#xe61c;
- 
  电影
  &#xe618;
- 
  徽章
  &#xe654;
- 
  火
  &#xe6d2;
- 
  唱片
  &#xe607;
- 
  声音
  &#xe650;
- 
  按钮
  &#xe721;
- 
  楼层
  &#xe68b;
- 
  眼镜
  &#xe641;
- 
  我的
  &#xe620;
- 
  自定义
  &#xe72d;
- 
  1010布局_导航栏
  &#xe714;
- 
  链接
  &#xe662;
- 
  魔法棒
  &#xe625;
- 
  评价
  &#xe6c3;
- 
  推荐
  &#xe6d0;
- 
  QQ
  &#xe677;
- 
  分享
  &#xe63d;
- 
  评论
  &#xe744;
- 
  播放器_首页歌曲列表_32
  &#xe613;
- 
  事件统计
  &#xe6c1;
- 
  颜色
  &#xe6e2;
- 
  企业
  &#xe700;
- 
  环形布局
  &#xe640;
- 
  钥匙
  &#xe660;
- 
  关闭
  &#xe658;
- 
  手机
  &#xe65f;
- 
  飞机
  &#xe60d;
- 
  标签
  &#xe719;
- 
  支付宝
  &#xe6d5;
- 
  音频
  &#xe6af;
- 
  项目
  &#xe69e;
- 
  邮件
  &#xe6aa;
- 
  微博
  &#xe674;
- 
  钱包
  &#xe612;
- 
  钻石
  &#xe67d;
- 
  符号-密码输入框
  &#xe6b0;
- 
  回拨电话
  &#xe63a;
- 
  倒退
  &#xe64a;
- 
  快进
  &#xe64c;
- 
  退款
  &#xe749;
- 
  关注作者 已关注
  &#xe62c;
- 
  耳机
  &#xe690;
- 
  服务
  &#xe702;
- 
  微信支付
  &#xe6f7;
- 
  地球仪
  &#xe605;
- 
  项目
  &#xe6a0;
- 
  气泡
  &#xe655;
- 
  地图
  &#xe705;
- 
  待发货
  &#xe74b;
- 
  随机
  &#xe63c;
- 
  字号＋
  &#xe6fe;
- 
  移动光标
  &#xe69f;
- 
  信件_1
  &#xe675;
- 
  列表
  &#xe6d6;
- 
  退出
  &#xe616;
- 
  雨伞
  &#xe636;
- 
  签到
  &#xe6c4;
- 
  闪电
  &#xe6d9;
- 
  滴滴出行
  &#xe692;
- 
  模板
  &#xe6a3;
- 
  联通
  &#xe68c;
- 
  饼图
  &#xe63f;
- 
  礼物
  &#xe6c6;
- 
  优惠券
  &#xe6c5;
- 
  日期选择
  &#xe6b1;
- 
  下一步
  &#xe659;
- 
  招聘就业
  &#xe703;
- 
  男
  &#xe608;
- 
  计算器 (1)
  &#xe6b2;
- 
  验证码
  &#xe7a1;
- 
  毕业
  &#xe606;
- 
  保存
  &#xe713;
- 
  上传
  &#xe665;
- 
  客服
  &#xe647;
- 
  红包
  &#xe6c8;
- 
  语音
  &#xe642;
- 
  包配
  &#xe615;
- 
  加
  &#xe6cc;
- 
  取消关注
  &#xe614;
- 
  复制代码
  &#xe73b;
- 
  光标
  &#xe6bb;
- 
  气泡
  &#xe61f;
- 
  支付宝
  &#xe66c;
- 
  文档
  &#xe87b;
- 
  数据
  &#xe746;
- 
  盾牌
  &#xe609;
- 
  船锚
  &#xe60a;
- 
  鼠标
  &#xe624;
- 
  时间
  &#xe6b4;
- 
  打印机 打印 线性
  &#xe9b8;
- 
  购物车
  &#xe623;
- 
  收益
  &#xe6a5;
- 
  Github
  &#xe681;
- 
  QQ
  &#xe678;
- 
  爱心
  &#xe668;
- 
  日志
  &#xe734;
- 
  代码
  &#xe6a1;
- 
  小米
  &#xe693;
- 
  记事本
  &#xe62a;
- 
  矢量地图
  &#xe60b;
- 
  框架版本
  &#xe638;
- 
  链接
  &#xe70d;
- 
  下载
  &#xe711;
- 
  演讲稿 演讲 分析 PPT 线性
  &#xea1e;
- 
  游戏 游戏厅 游戏机 游戏手柄 线性
  &#xea51;
- 
  文档 (1)
  &#xe65d;
- 
  眼睛
  &#xe6e1;
- 
  水滴
  &#xe695;
- 
  发货运费统计
  &#xe74c;
- 
  微信
  &#xe6d1;
- 
  奖杯
  &#xe604;
- 
  左
  &#xe682;
- 
  右
  &#xe683;
- 
  速度
  &#xe6ac;
- 
  微信
  &#xe66d;
- 
  谷歌验证
  &#xe67c;
- 
  分割线
  &#xe71a;
- 
  音乐
  &#xe644;
- 
  返回
  &#xe633;
- 
  支付宝
  &#xe6dd;
- 
  旗帜
  &#xe65e;
- 
  箭头2-下
  &#xe62b;
- 
  箭头2-右
  &#xe62d;
- 
  箭头2-上
  &#xe62f;
- 
  箭头2-左
  &#xe630;
- 
  待审核
  &#xe6d7;
- 
  声音
  &#xe917;
- 
  电源
  &#xe69c;
- 
  树形
  &#xe72b;
- 
  暂无记录
  &#xe6ee;
- 
  排序-降序
  &#xe75d;
- 
  排序-升序
  &#xe75e;
- 
  工具
  &#xe634;
- 
  设置
  &#xe66b;
- 
  放大
  &#xe66a;
- 
  相机
  &#xe657;
- 
  多选框
  &#xe820;
- 
  16_GJW单元格填充色
  &#xe71b;
- 
  化学方程
  &#xe6fa;
- 
  结束
  &#xe64f;
- 
  更多
  &#xe72c;
- 
  活动
  &#xe704;
- 
  内容管理
  &#xe72f;
- 
  更多
  &#xe643;
- 
  VIP
  &#xe6df;
- 
  刷新
  &#xe72a;
- 
  礼物
  &#xe667;
- 
  上拉菜单
  &#xe722;
- 
  文件
  &#xe867;
- 
  标签页
  &#xe71c;
- 
  文件夹
  &#xe617;
- 
  项目
  &#xe6c9;
- 
  多行文本
  &#xe6b5;
- 
  更多
  &#xe670;
- 
  系统管理
  &#xe730;
- 
  步进器
  &#xe723;
- 
  杯子
  &#xe61b;
- 
  github
  &#xe6da;
- 
  谷歌logo
  &#xe67f;
- 
  小程序
  &#xe6e4;
- 
  消息
  &#xe747;
- 
  单行文本
  &#xe6b6;
- 
  中国移动
  &#xe6ca;
- 
  淘宝
  &#xe68f;
- 
  导入
  &#xe729;
- 
  垃圾桶
  &#xe6a8;
- 
  进度条
  &#xe743;
- 
  列表向左
  &#xe831;
- 
  列表向右
  &#xe832;
- 
  组织
  &#xe712;
- 
  大楼
  &#xe706;
- 
  桌面
  &#xe741;
- 
  电话
  &#xe600;
- 
  账号登录
  &#xe64d;
- 
  页面
  &#xe709;
- 
  超链接
  &#xe742;
- 
  放大镜
  &#xea13;
- 
  404
  &#xe6f6;
- 
  铃铛
  &#xe629;
- 
  开关-关
  &#xe6b7;
- 
  选中
  &#xe6ce;
- 
  指示
  &#xe61a;
- 
  星星
  &#xe6ad;
- 
  女性
  &#xe685;
- 
  地球，国际化，语言切换
  &#xe6fd;
- 
  全屏
  &#xe639;
- 
  均衡器_画板 1
  &#xe648;
- 
  信息
  &#xe661;
- 
  纸飞机
  &#xe669;
- 
  进度
  &#xe653;
- 
  用户
  &#xe70a;
- 
  wifi
  &#xe9bb;
- 
  闭眼
  &#xe6db;
- 
  审核 笔记 记事本 写字
  &#xe671;
- 
  锁
  &#xe663;
- 
  暂停
  &#xe64e;
- 
  无网络
  &#xebf4;
- 
  裁剪
  &#xe631;
- 
  字段设置@2x
  &#xe71d;
- 
  待收货
  &#xe74e;
- 
  进入
  &#xe7b4;
- 
  动画
  &#xe70f;
- 
  淘宝
  &#xe691;
- 
  VIP @3x
  &#xe6de;
- 
  字号-
  &#xe6ff;
- 
  百度
  &#xea9a;
- 
  qq
  &#xe679;
- 
  500
  &#xe6f8;
- 
  袋，购物，购物，电子商务
  &#xe626;
- 
  菜单/列表
  &#xe611;
- 
  spring
  &#xe6dc;
- 
  新增
  &#xe70b;
- 
  开始
  &#xe649;
- 
  商城
  &#xe736;
- 
  开锁
  &#xe666;
- 
  大头针
  &#xe603;
- 
  表
  &#xe854;
- 
  踩
  &#xe64b;
- 
  胡子
  &#xe60e;
- 
  城市
  &#xe728;
- 
  年卡
  &#xe8a4;
- 
  信
  &#xe602;
- 
  电信
  &#xe68d;
- 
  关注
  &#xe62e;
- 
  百度
  &#xe698;
- 
  背景
  &#xe70c;
- 
  办公室
  &#xe707;
- 
  返 回
  &#xe73e;
- 
  排序、排行
  &#xe73f;
- 
  新建
  &#xe6e0;
- 
  搞怪
  &#xe684;
- 
  升级中
  &#xe6eb;
- 
  长方形
  &#xe716;
- 
  会员中心
  &#xe733;
- 
  搜索框
  &#xe724;
- 
  滑块-01
  &#xe6b8;
- 
  皮肤
  &#xe69d;
- 
  关 闭
  &#xe73c;
- 
  平板-2
  &#xe610;
- 
  吸铁磁
  &#xe6a2;
- 
  -_级联下拉功能框
  &#xe6b9;
- 
  中国移动
  &#xe687;
- 
  日历
  &#xe67e;
- 
  加载
  &#xe82d;
- 
  华为
  &#xe694;
- 
  视频
  &#xe75c;
- 
  联通
  &#xe68e;
- 
  内容
  &#xe737;
- 
  暂无项目信息
  &#xe708;
- 
  权限管理
  &#xe735;
- 
  二维码登录
  &#xe699;
- 
  单选框
  &#xe6ba;
- 
  减
  &#xe61e;
- 
  加
  &#xe61d;
- 
  移交 转交
  &#xe72e;
- 
  自定义
  &#xe73d;
- 
  缩小
  &#xe664;
- 
  1印章(已结清)
  &#xe6d8;
- 
  颜色
  &#xe82f;
- 
  清空
  &#xe6cb;
- 
  应用源码
  &#xe6cd;
- 
  音乐 (1)
  &#xe646;
- 
  拖动
  &#xe69b;
- 
  回形针
  &#xe731;
- 
  沙漏
  &#xe601;
- 
  正方形
  &#xe717;
- 
  视频
  &#xe656;
- 
  关注
  &#xe739;
- 
  感叹号
  &#xe710;
- 
  Sql Server
  &#xe70e;
- 
  用户
  &#xe6a4;
- 
  代码
  &#xe69a;
- 
  照片
  &#xe632;
- 
  收 藏-产品详情
  &#xe748;
- 
  私有云
  &#xe6cf;
- 
  文件夹
  &#xe63b;
- 
  抽屉
  &#xe645;
- 
  小米
  &#xe696;
- 
  华为
  &#xe697;
- 
  拼图
  &#xe673;
- 
  微博
  &#xe676;
- 
  手机
  &#xe785;
- 
  复制
  &#xe6f1;
- 
  表单
  &#xe745;
- 
  自定义
  &#xe6bc;
- 
  gitee
  &#xe701;
- 
  轮播图
  &#xe71e;
- 
  环形进度图
  &#xe726;
- 
  站群
  &#xe738;
- 
  搜索框A
  &#xeaba;
- 
  九宫格
  &#xe71f;
- 
  筛选
  &#xe6e8;
- 
  分类
  &#xe6e5;
- 
  首页
  &#xe6e6;
- 
  我的
  &#xe6e7;
- 
  筛选
  &#xe6e9;
- 
  浏览记录
  &#xe6ea;
- 
  闭眼
  &#xe6ef;
- 
  退出
  &#xe6ec;
- 
  中国
  &#xe6f0;
- 
  全球
  &#xe6f2;
- 
  QQ
  &#xe6ed;
- 
  微信
  &#xe6f5;
- 
  中国
  &#xe6f9;
- 
  世界
  &#xe6fb;
- 
  pdf
  &#xe6fc;
- 
  优惠卷
  &#xe6f4;

## 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-dengpao
- 电话
  .icon-dianhua2
- 文档
  .icon-wenjian
- 点击
  .icon-dianji
- 银行卡
  .icon-yinhangka
- 书
  .icon-shu
- 菜单
  .icon-menu
- 笔
  .icon-bi
- 火箭
  .icon-huojian
- 公文包
  .icon-gongwenbao
- 评分
  .icon-appxiugaiicon45
- 格子
  .icon-gezi
- 栅格2
  .icon-shange
- 禁止
  .icon-jinzhi
- 赞
  .icon-zan
- 菜单
  .icon-caidan
- 下
  .icon-xiajiantou
- 选中
  .icon-xuanzhong
- 问题
  .icon-wenti
- 挂电话2
  .icon-guadianhua
- 全球
  .icon-quanqiu
- 目标
  .icon-mubiao
- 分类
  .icon-fenlei
- 下拉
  .icon-shangjiantou
- 工作转交
  .icon-zhuanjiao
- 分享
  .icon-fenxiang1
- phone5-电话
  .icon-dadianhua
- phone4-电话
  .icon-jiedianhua
- compass-指南针
  .icon-zhinanzhen
- 无声
  .icon-wusheng
- 计算器
  .icon-jisuanqi
- 女
  .icon-nv
- 定位
  .icon-dingwei
- 高德地图
  .icon-gaodeditu
- 眼
  .icon-yan
- 初始化设置
  .icon-chushihuashezhi
- 等待卖家确认运费-[转换]
  .icon-yunfei
- 警告
  .icon-jinggao
- github
  .icon-Github2
- 男性
  .icon-nanxing
- 响应式
  .icon-xiangyingshi
- ＋喜欢
  .icon-shangpinshoucang
- 笑脸
  .icon-xiaolian
- 发送消息
  .icon-fasong
- 邮件
  .icon-youjian
- 电信
  .icon-dianxin
- 图片
  .icon-tupian
- 足迹
  .icon-liulanjilu
- 时钟
  .icon-shijian
- 中国移动
  .icon-zhongguoyidong
- 编辑器
  .icon-redact
- 图表
  .icon-tubiao
- 文本
  .icon-putongwenben
- 标签
  .icon-biaoqian
- 主页
  .icon-zhuye
- 完成
  .icon-wancheng
- 电影
  .icon-dianying
- 徽章
  .icon-huizhang
- 火
  .icon-huo
- 唱片
  .icon-changpian
- 声音
  .icon-shengyin
- 按钮
  .icon-anniu
- 楼层
  .icon-louceng
- 眼镜
  .icon-yanjing
- 我的
  .icon-wode
- 自定义
  .icon-zidingyiguanli
- 1010布局_导航栏
  .icon-buju_daohanglan
- 链接
  .icon-lianjie
- 魔法棒
  .icon-mofabang
- 评价
  .icon-pingjia
- 推荐
  .icon-tuijian
- QQ
  .icon-QQ2
- 分享
  .icon-fenxiang
- 评论
  .icon-pinglun
- 播放器_首页歌曲列表_32
  .icon-yinyuefuhao
- 事件统计
  .icon-shijiantongji
- 颜色
  .icon-beijingse
- 企业
  .icon-qiye
- 环形布局
  .icon-huanxingbuju
- 钥匙
  .icon-yaoshi
- 关闭
  .icon-guanbi
- 手机
  .icon-sohuji
- 飞机
  .icon-feiji
- 标签
  .icon-label
- 支付宝
  .icon-WePayLogo
- 音频
  .icon-audio
- 项目
  .icon-xiangmu
- 邮件
  .icon-youjian2
- 微博
  .icon-weibo
- 钱包
  .icon-qianbao
- 钻石
  .icon-zuanshi
- 符号-密码输入框
  .icon-mimashurukuang
- 回拨电话
  .icon-huibodianhua
- 倒退
  .icon-daotui
- 快进
  .icon-kuaijin
- 退款
  .icon-tuikuan
- 关注作者 已关注
  .icon-yiguanzhu
- 耳机
  .icon-erji
- 服务
  .icon-fuwu
- 微信支付
  .icon-weixinzhifu1
- 地球仪
  .icon-diqiuyi
- 项目
  .icon-fenxiang2
- 气泡
  .icon-qipao1
- 地图
  .icon-ditu
- 待发货
  .icon-daifahuo
- 随机
  .icon-suiji
- 字号＋
  .icon-zihao
- 移动光标
  .icon-yidongguangbiao
- 信件_1
  .icon-xinjian
- 列表
  .icon-liebiao1
- 退出
  .icon-tuichu
- 雨伞
  .icon-yusan
- 签到
  .icon-qiandaolingjifen
- 闪电
  .icon-shandian
- 滴滴出行
  .icon-didichuxing
- 模板
  .icon-moban
- 联通
  .icon-liantong
- 饼图
  .icon-bingtu
- 礼物
  .icon-jifenshangcheng
- 优惠券
  .icon-youhuiquan
- 日期选择
  .icon-riqixuanze
- 下一步
  .icon-xiayibu
- 招聘就业
  .icon-jiuyeju
- 男
  .icon-nan
- 计算器 (1)
  .icon-jisuanqi1
- 验证码
  .icon-yanzhengma
- 毕业
  .icon-biye
- 保存
  .icon-baocun
- 上传
  .icon-shangchuan
- 客服
  .icon-kefu
- 红包
  .icon-hongbao1
- 语音
  .icon-yuyin
- 包配
  .icon-baopei
- 加
  .icon-plus
- 取消关注
  .icon-quxiaoguanzhux
- 复制代码
  .icon-fuzhidaima
- 光标
  .icon-guangbiao
- 气泡
  .icon-qipao
- 支付宝
  .icon-zhifubao1
- 文档
  .icon-wendang1
- 数据
  .icon-shuju
- 盾牌
  .icon-dunpai
- 船锚
  .icon-chuanmao
- 鼠标
  .icon-shubiao
- 时间
  .icon-shijian1
- 打印机 打印 线性
  .icon-dayinji
- 购物车
  .icon-gouwuche
- 收益
  .icon-shouyi
- Github
  .icon-Github1
- QQ
  .icon-QQ
- 爱心
  .icon-aixin
- 日志
  .icon-rizhi
- 代码
  .icon-code
- 小米
  .icon-xiaomi
- 记事本
  .icon-jishiben
- 矢量地图
  .icon-shiliangditu
- 框架版本
  .icon-kuangjia
- 链接
  .icon-lianjie1
- 下载
  .icon-xiazai
- 演讲稿 演讲 分析 PPT 线性
  .icon-yanjiang
- 游戏 游戏厅 游戏机 游戏手柄 线性
  .icon-youxiji
- 文档 (1)
  .icon-wendang
- 眼睛
  .icon-dakaiyanjing
- 水滴
  .icon-shuidi
- 发货运费统计
  .icon-fahuoyunfeitongji
- 微信
  .icon-weixin
- 奖杯
  .icon-jiangbei
- 左
  .icon-zuojiantou
- 右
  .icon-youjiantou
- 速度
  .icon-zhishipan
- 微信
  .icon-weixin1
- 谷歌验证
  .icon-guge
- 分割线
  .icon-fengexian
- 音乐
  .icon-yinyue
- 返回
  .icon-fanhui
- 支付宝
  .icon-zhifubao
- 旗帜
  .icon-qizhi
- 箭头2-下
  .icon-jiantou-xia
- 箭头2-右
  .icon-jiantou-you
- 箭头2-上
  .icon-jiantou-shang
- 箭头2-左
  .icon-jiantou-zuo
- 待审核
  .icon-daishenhe
- 声音
  .icon-shengyin1
- 电源
  .icon-dianyuan
- 树形
  .icon-shuxing
- 暂无记录
  .icon-zanwushuju
- 排序-降序
  .icon-paixu-jiangxu
- 排序-升序
  .icon-paixu-shengxu
- 工具
  .icon-gongju
- 设置
  .icon-shezhi
- 放大
  .icon-fangda
- 相机
  .icon-xiangji
- 多选框
  .icon-duoxuankuang
- 16_GJW单元格填充色
  .icon-_GJWdanyuangetianchongse
- 化学方程
  .icon-huaxue
- 结束
  .icon-jieshu
- 更多
  .icon-Mstore
- 活动
  .icon-huodong
- 内容管理
  .icon-neirongguanli
- 更多
  .icon-gengduo3
- VIP
  .icon-VIP
- 刷新
  .icon-shuaxin
- 礼物
  .icon-liwu
- 上拉菜单
  .icon-shanglacaidan
- 文件
  .icon-wenjian1
- 标签页
  .icon-biaoqianye
- 文件夹
  .icon-wenjianjia1
- 项目
  .icon-xiangmu1
- 多行文本
  .icon-duohangwenben
- 更多
  .icon-gengduo2
- 系统管理
  .icon-xitongguanli
- 步进器
  .icon-bujinqi
- 杯子
  .icon-beizi
- github
  .icon-github
- 谷歌logo
  .icon-guge1
- 小程序
  .icon-xiaochengxu
- 消息
  .icon-xiaoxi
- 单行文本
  .icon-danhangwenben
- 中国移动
  .icon-zhongguoyidong1
- 淘宝
  .icon-taobao
- 导入
  .icon-daoru
- 垃圾桶
  .icon-lajitong
- 进度条
  .icon-jindutiao
- 列表向左
  .icon-shousuo
- 列表向右
  .icon-liebiaoxiangyou
- 组织
  .icon-zuzhi
- 大楼
  .icon-fuhuaqi
- 桌面
  .icon-zhuomian
- 电话
  .icon-dianhua
- 账号登录
  .icon-zhanghaodenglu
- 页面
  .icon-yemian
- 超链接
  .icon-chaolianjie
- 放大镜
  .icon-fangdajing
- 404
  .icon-icon-test
- 铃铛
  .icon-lingdang
- 开关-关
  .icon-kaiguan
- 选中
  .icon-xuanzhong1
- 指示
  .icon-zhishi
- 星星
  .icon-xingxing
- 女性
  .icon-nvxing
- 地球，国际化，语言切换
  .icon-huaban-
- 全屏
  .icon-quanping
- 均衡器_画板 1
  .icon-junhengqi
- 信息
  .icon-xinxi
- 纸飞机
  .icon-zhifeiji
- 进度
  .icon-jindubiao
- 用户
  .icon-yonghu
- wifi
  .icon-wifi
- 闭眼
  .icon-biyan
- 审核 笔记 记事本 写字
  .icon-bianji
- 锁
  .icon-suo
- 暂停
  .icon-zanting
- 无网络
  .icon-wuwangluo
- 裁剪
  .icon-caijian
- 字段设置@2x
  .icon-ziduanshezhix
- 待收货
  .icon-daishouhuo
- 进入
  .icon-jinru
- 动画
  .icon-xing
- 淘宝
  .icon-taobao1
- VIP @3x
  .icon-VIPx
- 字号-
  .icon-zihao-
- 百度
  .icon-baidu
- qq
  .icon-QQ1
- 500
  .icon-icon-test1
- 袋，购物，购物，电子商务
  .icon-gowudai
- 菜单/列表
  .icon-liebiao
- spring
  .icon-spring
- 新增
  .icon-xinzeng
- 开始
  .icon-kaishi
- 商城
  .icon-shangcheng
- 开锁
  .icon-kaisuo
- 大头针
  .icon-datouzhen
- 表
  .icon-biao
- 踩
  .icon-cai
- 胡子
  .icon-huzi
- 城市
  .icon-chengshi
- 年卡
  .icon-nianqia
- 信
  .icon-xin
- 电信
  .icon-dianxin1
- 关注
  .icon-guanzhu
- 百度
  .icon-baidu1
- 背景
  .icon-beijing
- 办公室
  .icon-bangongshi
- 返 回
  .icon-fanhui1
- 排序、排行
  .icon-paixu
- 新建
  .icon-xinjian1
- 搞怪
  .icon-gaoguai
- 升级中
  .icon-shengjizhong
- 长方形
  .icon-changfangxing1
- 会员中心
  .icon-huiyuanzhongxin
- 搜索框
  .icon-sousuokuang
- 滑块-01
  .icon-huakuai
- 皮肤
  .icon-pifu
- 关 闭
  .icon-guanbi1
- 平板-2
  .icon-pingban
- 吸铁磁
  .icon-xitieci
- -_级联下拉功能框
  .icon-jilianxuanzeqi
- 中国移动
  .icon-zhongguoyidong2
- 日历
  .icon-rili
- 加载
  .icon-jiazai
- 华为
  .icon-huawei
- 视频
  .icon-shipin1
- 联通
  .icon-liantong1
- 内容
  .icon-neirong
- 暂无项目信息
  .icon-zanwuxiangmuxinxi
- 权限管理
  .icon-quanxianguanli
- 二维码登录
  .icon-erweimadenglu
- 单选框
  .icon-danxuankuang
- 减
  .icon-jian
- 加
  .icon-jia
- 移交 转交
  .icon-yijiaozhuanjiao
- 自定义
  .icon-zidingyimoxing
- 缩小
  .icon-suoxiao
- 1印章(已结清)
  .icon-yinzhangyijieqing
- 颜色
  .icon-yanse
- 清空
  .icon-qingkong
- 应用源码
  .icon-yingyongyuanma
- 音乐 (1)
  .icon-yinfu
- 拖动
  .icon-tuodong
- 回形针
  .icon-huixingzhen
- 沙漏
  .icon-shalou
- 正方形
  .icon-zhengfangxing
- 视频
  .icon-shipin
- 关注
  .icon-guanzhu1
- 感叹号
  .icon-gantanhao
- Sql Server
  .icon-SqlServer
- 用户
  .icon-admin
- 代码
  .icon-daima
- 照片
  .icon-zhaopian
- 收 藏-产品详情
  .icon-shoucang
- 私有云
  .icon-siyouyun
- 文件夹
  .icon-wenjianjia
- 抽屉
  .icon-chouti
- 小米
  .icon-xiaomi1
- 华为
  .icon-huawei1
- 拼图
  .icon-pintu
- 微博
  .icon-weibo1
- 手机
  .icon-yingyong
- 复制
  .icon-fuzhi
- 表单
  .icon-biaodan
- 自定义
  .icon-zidingyi
- gitee
  .icon-gitee
- 轮播图
  .icon-tubiaozhizuomoban
- 环形进度图
  .icon-huanxingjindutu
- 站群
  .icon-zhanqun
- 搜索框A
  .icon-sousuokuangA
- 九宫格
  .icon-jiugongge
- 筛选
  .icon-shaixuan
- 分类
  .icon-fenlei1
- 首页
  .icon-shouye
- 我的
  .icon-wode1
- 筛选
  .icon-juxing
- 浏览记录
  .icon-juxing1
- 闭眼
  .icon-biyan1
- 退出
  .icon-tuichu1
- 中国
  .icon-zhongguo
- 全球
  .icon-quanqiu1
- QQ
  .icon-QQ3
- 微信
  .icon-weixin2
- 中国
  .icon-icon-china
- 世界
  .icon-icon-shijie
- pdf
  .icon-pdf
- 优惠卷
  .icon-youhuijuan

## 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-dengpao
- 电话
  #icon-dianhua2
- 文档
  #icon-wenjian
- 点击
  #icon-dianji
- 银行卡
  #icon-yinhangka
- 书
  #icon-shu
- 菜单
  #icon-menu
- 笔
  #icon-bi
- 火箭
  #icon-huojian
- 公文包
  #icon-gongwenbao
- 评分
  #icon-appxiugaiicon45
- 格子
  #icon-gezi
- 栅格2
  #icon-shange
- 禁止
  #icon-jinzhi
- 赞
  #icon-zan
- 菜单
  #icon-caidan
- 下
  #icon-xiajiantou
- 选中
  #icon-xuanzhong
- 问题
  #icon-wenti
- 挂电话2
  #icon-guadianhua
- 全球
  #icon-quanqiu
- 目标
  #icon-mubiao
- 分类
  #icon-fenlei
- 下拉
  #icon-shangjiantou
- 工作转交
  #icon-zhuanjiao
- 分享
  #icon-fenxiang1
- phone5-电话
  #icon-dadianhua
- phone4-电话
  #icon-jiedianhua
- compass-指南针
  #icon-zhinanzhen
- 无声
  #icon-wusheng
- 计算器
  #icon-jisuanqi
- 女
  #icon-nv
- 定位
  #icon-dingwei
- 高德地图
  #icon-gaodeditu
- 眼
  #icon-yan
- 初始化设置
  #icon-chushihuashezhi
- 等待卖家确认运费-[转换]
  #icon-yunfei
- 警告
  #icon-jinggao
- github
  #icon-Github2
- 男性
  #icon-nanxing
- 响应式
  #icon-xiangyingshi
- ＋喜欢
  #icon-shangpinshoucang
- 笑脸
  #icon-xiaolian
- 发送消息
  #icon-fasong
- 邮件
  #icon-youjian
- 电信
  #icon-dianxin
- 图片
  #icon-tupian
- 足迹
  #icon-liulanjilu
- 时钟
  #icon-shijian
- 中国移动
  #icon-zhongguoyidong
- 编辑器
  #icon-redact
- 图表
  #icon-tubiao
- 文本
  #icon-putongwenben
- 标签
  #icon-biaoqian
- 主页
  #icon-zhuye
- 完成
  #icon-wancheng
- 电影
  #icon-dianying
- 徽章
  #icon-huizhang
- 火
  #icon-huo
- 唱片
  #icon-changpian
- 声音
  #icon-shengyin
- 按钮
  #icon-anniu
- 楼层
  #icon-louceng
- 眼镜
  #icon-yanjing
- 我的
  #icon-wode
- 自定义
  #icon-zidingyiguanli
- 1010布局_导航栏
  #icon-buju_daohanglan
- 链接
  #icon-lianjie
- 魔法棒
  #icon-mofabang
- 评价
  #icon-pingjia
- 推荐
  #icon-tuijian
- QQ
  #icon-QQ2
- 分享
  #icon-fenxiang
- 评论
  #icon-pinglun
- 播放器_首页歌曲列表_32
  #icon-yinyuefuhao
- 事件统计
  #icon-shijiantongji
- 颜色
  #icon-beijingse
- 企业
  #icon-qiye
- 环形布局
  #icon-huanxingbuju
- 钥匙
  #icon-yaoshi
- 关闭
  #icon-guanbi
- 手机
  #icon-sohuji
- 飞机
  #icon-feiji
- 标签
  #icon-label
- 支付宝
  #icon-WePayLogo
- 音频
  #icon-audio
- 项目
  #icon-xiangmu
- 邮件
  #icon-youjian2
- 微博
  #icon-weibo
- 钱包
  #icon-qianbao
- 钻石
  #icon-zuanshi
- 符号-密码输入框
  #icon-mimashurukuang
- 回拨电话
  #icon-huibodianhua
- 倒退
  #icon-daotui
- 快进
  #icon-kuaijin
- 退款
  #icon-tuikuan
- 关注作者 已关注
  #icon-yiguanzhu
- 耳机
  #icon-erji
- 服务
  #icon-fuwu
- 微信支付
  #icon-weixinzhifu1
- 地球仪
  #icon-diqiuyi
- 项目
  #icon-fenxiang2
- 气泡
  #icon-qipao1
- 地图
  #icon-ditu
- 待发货
  #icon-daifahuo
- 随机
  #icon-suiji
- 字号＋
  #icon-zihao
- 移动光标
  #icon-yidongguangbiao
- 信件_1
  #icon-xinjian
- 列表
  #icon-liebiao1
- 退出
  #icon-tuichu
- 雨伞
  #icon-yusan
- 签到
  #icon-qiandaolingjifen
- 闪电
  #icon-shandian
- 滴滴出行
  #icon-didichuxing
- 模板
  #icon-moban
- 联通
  #icon-liantong
- 饼图
  #icon-bingtu
- 礼物
  #icon-jifenshangcheng
- 优惠券
  #icon-youhuiquan
- 日期选择
  #icon-riqixuanze
- 下一步
  #icon-xiayibu
- 招聘就业
  #icon-jiuyeju
- 男
  #icon-nan
- 计算器 (1)
  #icon-jisuanqi1
- 验证码
  #icon-yanzhengma
- 毕业
  #icon-biye
- 保存
  #icon-baocun
- 上传
  #icon-shangchuan
- 客服
  #icon-kefu
- 红包
  #icon-hongbao1
- 语音
  #icon-yuyin
- 包配
  #icon-baopei
- 加
  #icon-plus
- 取消关注
  #icon-quxiaoguanzhux
- 复制代码
  #icon-fuzhidaima
- 光标
  #icon-guangbiao
- 气泡
  #icon-qipao
- 支付宝
  #icon-zhifubao1
- 文档
  #icon-wendang1
- 数据
  #icon-shuju
- 盾牌
  #icon-dunpai
- 船锚
  #icon-chuanmao
- 鼠标
  #icon-shubiao
- 时间
  #icon-shijian1
- 打印机 打印 线性
  #icon-dayinji
- 购物车
  #icon-gouwuche
- 收益
  #icon-shouyi
- Github
  #icon-Github1
- QQ
  #icon-QQ
- 爱心
  #icon-aixin
- 日志
  #icon-rizhi
- 代码
  #icon-code
- 小米
  #icon-xiaomi
- 记事本
  #icon-jishiben
- 矢量地图
  #icon-shiliangditu
- 框架版本
  #icon-kuangjia
- 链接
  #icon-lianjie1
- 下载
  #icon-xiazai
- 演讲稿 演讲 分析 PPT 线性
  #icon-yanjiang
- 游戏 游戏厅 游戏机 游戏手柄 线性
  #icon-youxiji
- 文档 (1)
  #icon-wendang
- 眼睛
  #icon-dakaiyanjing
- 水滴
  #icon-shuidi
- 发货运费统计
  #icon-fahuoyunfeitongji
- 微信
  #icon-weixin
- 奖杯
  #icon-jiangbei
- 左
  #icon-zuojiantou
- 右
  #icon-youjiantou
- 速度
  #icon-zhishipan
- 微信
  #icon-weixin1
- 谷歌验证
  #icon-guge
- 分割线
  #icon-fengexian
- 音乐
  #icon-yinyue
- 返回
  #icon-fanhui
- 支付宝
  #icon-zhifubao
- 旗帜
  #icon-qizhi
- 箭头2-下
  #icon-jiantou-xia
- 箭头2-右
  #icon-jiantou-you
- 箭头2-上
  #icon-jiantou-shang
- 箭头2-左
  #icon-jiantou-zuo
- 待审核
  #icon-daishenhe
- 声音
  #icon-shengyin1
- 电源
  #icon-dianyuan
- 树形
  #icon-shuxing
- 暂无记录
  #icon-zanwushuju
- 排序-降序
  #icon-paixu-jiangxu
- 排序-升序
  #icon-paixu-shengxu
- 工具
  #icon-gongju
- 设置
  #icon-shezhi
- 放大
  #icon-fangda
- 相机
  #icon-xiangji
- 多选框
  #icon-duoxuankuang
- 16_GJW单元格填充色
  #icon-_GJWdanyuangetianchongse
- 化学方程
  #icon-huaxue
- 结束
  #icon-jieshu
- 更多
  #icon-Mstore
- 活动
  #icon-huodong
- 内容管理
  #icon-neirongguanli
- 更多
  #icon-gengduo3
- VIP
  #icon-VIP
- 刷新
  #icon-shuaxin
- 礼物
  #icon-liwu
- 上拉菜单
  #icon-shanglacaidan
- 文件
  #icon-wenjian1
- 标签页
  #icon-biaoqianye
- 文件夹
  #icon-wenjianjia1
- 项目
  #icon-xiangmu1
- 多行文本
  #icon-duohangwenben
- 更多
  #icon-gengduo2
- 系统管理
  #icon-xitongguanli
- 步进器
  #icon-bujinqi
- 杯子
  #icon-beizi
- github
  #icon-github
- 谷歌logo
  #icon-guge1
- 小程序
  #icon-xiaochengxu
- 消息
  #icon-xiaoxi
- 单行文本
  #icon-danhangwenben
- 中国移动
  #icon-zhongguoyidong1
- 淘宝
  #icon-taobao
- 导入
  #icon-daoru
- 垃圾桶
  #icon-lajitong
- 进度条
  #icon-jindutiao
- 列表向左
  #icon-shousuo
- 列表向右
  #icon-liebiaoxiangyou
- 组织
  #icon-zuzhi
- 大楼
  #icon-fuhuaqi
- 桌面
  #icon-zhuomian
- 电话
  #icon-dianhua
- 账号登录
  #icon-zhanghaodenglu
- 页面
  #icon-yemian
- 超链接
  #icon-chaolianjie
- 放大镜
  #icon-fangdajing
- 404
  #icon-icon-test
- 铃铛
  #icon-lingdang
- 开关-关
  #icon-kaiguan
- 选中
  #icon-xuanzhong1
- 指示
  #icon-zhishi
- 星星
  #icon-xingxing
- 女性
  #icon-nvxing
- 地球，国际化，语言切换
  #icon-huaban-
- 全屏
  #icon-quanping
- 均衡器_画板 1
  #icon-junhengqi
- 信息
  #icon-xinxi
- 纸飞机
  #icon-zhifeiji
- 进度
  #icon-jindubiao
- 用户
  #icon-yonghu
- wifi
  #icon-wifi
- 闭眼
  #icon-biyan
- 审核 笔记 记事本 写字
  #icon-bianji
- 锁
  #icon-suo
- 暂停
  #icon-zanting
- 无网络
  #icon-wuwangluo
- 裁剪
  #icon-caijian
- 字段设置@2x
  #icon-ziduanshezhix
- 待收货
  #icon-daishouhuo
- 进入
  #icon-jinru
- 动画
  #icon-xing
- 淘宝
  #icon-taobao1
- VIP @3x
  #icon-VIPx
- 字号-
  #icon-zihao-
- 百度
  #icon-baidu
- qq
  #icon-QQ1
- 500
  #icon-icon-test1
- 袋，购物，购物，电子商务
  #icon-gowudai
- 菜单/列表
  #icon-liebiao
- spring
  #icon-spring
- 新增
  #icon-xinzeng
- 开始
  #icon-kaishi
- 商城
  #icon-shangcheng
- 开锁
  #icon-kaisuo
- 大头针
  #icon-datouzhen
- 表
  #icon-biao
- 踩
  #icon-cai
- 胡子
  #icon-huzi
- 城市
  #icon-chengshi
- 年卡
  #icon-nianqia
- 信
  #icon-xin
- 电信
  #icon-dianxin1
- 关注
  #icon-guanzhu
- 百度
  #icon-baidu1
- 背景
  #icon-beijing
- 办公室
  #icon-bangongshi
- 返 回
  #icon-fanhui1
- 排序、排行
  #icon-paixu
- 新建
  #icon-xinjian1
- 搞怪
  #icon-gaoguai
- 升级中
  #icon-shengjizhong
- 长方形
  #icon-changfangxing1
- 会员中心
  #icon-huiyuanzhongxin
- 搜索框
  #icon-sousuokuang
- 滑块-01
  #icon-huakuai
- 皮肤
  #icon-pifu
- 关 闭
  #icon-guanbi1
- 平板-2
  #icon-pingban
- 吸铁磁
  #icon-xitieci
- -_级联下拉功能框
  #icon-jilianxuanzeqi
- 中国移动
  #icon-zhongguoyidong2
- 日历
  #icon-rili
- 加载
  #icon-jiazai
- 华为
  #icon-huawei
- 视频
  #icon-shipin1
- 联通
  #icon-liantong1
- 内容
  #icon-neirong
- 暂无项目信息
  #icon-zanwuxiangmuxinxi
- 权限管理
  #icon-quanxianguanli
- 二维码登录
  #icon-erweimadenglu
- 单选框
  #icon-danxuankuang
- 减
  #icon-jian
- 加
  #icon-jia
- 移交 转交
  #icon-yijiaozhuanjiao
- 自定义
  #icon-zidingyimoxing
- 缩小
  #icon-suoxiao
- 1印章(已结清)
  #icon-yinzhangyijieqing
- 颜色
  #icon-yanse
- 清空
  #icon-qingkong
- 应用源码
  #icon-yingyongyuanma
- 音乐 (1)
  #icon-yinfu
- 拖动
  #icon-tuodong
- 回形针
  #icon-huixingzhen
- 沙漏
  #icon-shalou
- 正方形
  #icon-zhengfangxing
- 视频
  #icon-shipin
- 关注
  #icon-guanzhu1
- 感叹号
  #icon-gantanhao
- Sql Server
  #icon-SqlServer
- 用户
  #icon-admin
- 代码
  #icon-daima
- 照片
  #icon-zhaopian
- 收 藏-产品详情
  #icon-shoucang
- 私有云
  #icon-siyouyun
- 文件夹
  #icon-wenjianjia
- 抽屉
  #icon-chouti
- 小米
  #icon-xiaomi1
- 华为
  #icon-huawei1
- 拼图
  #icon-pintu
- 微博
  #icon-weibo1
- 手机
  #icon-yingyong
- 复制
  #icon-fuzhi
- 表单
  #icon-biaodan
- 自定义
  #icon-zidingyi
- gitee
  #icon-gitee
- 轮播图
  #icon-tubiaozhizuomoban
- 环形进度图
  #icon-huanxingjindutu
- 站群
  #icon-zhanqun
- 搜索框A
  #icon-sousuokuangA
- 九宫格
  #icon-jiugongge
- 筛选
  #icon-shaixuan
- 分类
  #icon-fenlei1
- 首页
  #icon-shouye
- 我的
  #icon-wode1
- 筛选
  #icon-juxing
- 浏览记录
  #icon-juxing1
- 闭眼
  #icon-biyan1
- 退出
  #icon-tuichu1
- 中国
  #icon-zhongguo
- 全球
  #icon-quanqiu1
- QQ
  #icon-QQ3
- 微信
  #icon-weixin2
- 中国
  #icon-icon-china
- 世界
  #icon-icon-shijie
- pdf
  #icon-pdf
- 优惠卷
  #icon-youhuijuan

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