iconfont Demo

#

- 
  层级
  &#xe81b;
- 
  分配
  &#xe81a;
- 
  转移
  &#xe819;
- 
  切换
  &#xe818;
- 
  接收2
  &#xe817;
- 
  接收1
  &#xe816;
- 
  新闻
  &#xe815;
- 
  新闻
  &#xe814;
- 
  知识库
  &#xe813;
- 
  知识
  &#xe812;
- 
  资讯
  &#xe811;
- 
  热点
  &#xe810;
- 
  apk
  &#xe80f;
- 
  系统
  &#xe80e;
- 
  导航
  &#xe80d;
- 
  权限
  &#xe80c;
- 
  节点
  &#xe80b;
- 
  基础配置
  &#xe80a;
- 
  选项配置
  &#xe809;
- 
  普通配置
  &#xe808;
- 
  岗位
  &#xe807;
- 
  系统设置
  &#xe806;
- 
  省
  &#xe805;
- 
  市
  &#xe804;
- 
  广告列表
  &#xe803;
- 
  广告位
  &#xe802;
- 
  广告
  &#xe801;
- 
  资源
  &#xe800;
- 
  公司
  &#xe7ff;
- 
  菜单
  &#xe7fe;
- 
  地图
  &#xe7fd;
- 
  地图
  &#xe7fc;
- 
  地图
  &#xe7fb;
- 
  隐藏底价
  &#xe7fa;
- 
  查看底价
  &#xe7f9;
- 
  隐藏地址
  &#xe7f8;
- 
  查看地址
  &#xe7f7;
- 
  已评分
  &#xe7f6;
- 
  解绑手机
  &#xe7f5;
- 
  绑定手机
  &#xe7f4;
- 
  警报
  &#xe7f3;
- 
  警告
  &#xe7f2;
- 
  举报
  &#xe7f1;
- 
  注意
  &#xe7f0;
- 
  互联网
  &#xe7ef;
- 
  营业执照
  &#xe7ec;
- 
  手持身份证
  &#xe7eb;
- 
  上传身份证国徽面
  &#xe7ea;
- 
  上传身份证人像面
  &#xe7e9;
- 
  身份证国徽面
  &#xe7e8;
- 
  身份证人像面
  &#xe7e7;
- 
  身份证背面照
  &#xe7e6;
- 
  身份证正面照
  &#xe7e5;
- 
  身份证反面
  &#xe7e4;
- 
  身份证正面
  &#xe7e3;
- 
  微信
  &#xe7e2;
- 
  毛笔
  &#xe7e1;
- 
  头像1
  &#xe7df;
- 
  头像
  &#xe7de;
- 
  招聘
  &#xe7da;
- 
  招聘
  &#xe7db;
- 
  违约
  &#xe7d4;
- 
  违约金
  &#xe7d5;
- 
  金币
  &#xe7d6;
- 
  纸币
  &#xe7d7;
- 
  提成
  &#xe7d8;
- 
  业绩分成
  &#xe7d9;
- 
  财务日志
  &#xe7d3;
- 
  财务日志
  &#xe7d2;
- 
  上传全景
  &#xe7d1;
- 
  上传视频
  &#xe7d0;
- 
  上传视频
  &#xe7cf;
- 
  上传视频
  &#xe7ce;
- 
  房源封盘
  &#xe7ca;
- 
  房源开盘
  &#xe7cb;
- 
  客源封盘
  &#xe7cc;
- 
  客源开盘
  &#xe7cd;
- 
  客源提醒
  &#xe7c9;
- 
  楼盘日志
  &#xe7c7;
- 
  实名认证
  &#xe7c4;
- 
  统计
  &#xe7c3;
- 
  云
  &#xe7c2;
- 
  大数据
  &#xe7c1;
- 
  皮肤
  &#xe7c0;
- 
  评分
  &#xe7bf;
- 
  委托
  &#xe7be;
- 
  交易
  &#xe7bd;
- 
  门店
  &#xe7bc;
- 
  取消关注
  &#xe7bb;
- 
  关注
  &#xe7ba;
- 
  女
  &#xe7b9;
- 
  男
  &#xe7b8;
- 
  个人资料
  &#xe7b6;
- 
  打卡
  &#xe7b5;
- 
  考勤
  &#xe7b4;
- 
  优惠
  &#xe7b3;
- 
  地图
  &#xe7b0;
- 
  地图找房
  &#xe7af;
- 
  学区房
  &#xe7ae;
- 
  特惠房
  &#xe7ad;
- 
  每日讲盘
  &#xe7ac;
- 
  当日驻点房源
  &#xe7ab;
- 
  学区房
  &#xe7aa;
- 
  特惠房
  &#xe7a9;
- 
  每日讲盘
  &#xe7a8;
- 
  当日驻点房源
  &#xe7a7;
- 
  合同列表
  &#xe7a6;
- 
  合同
  &#xe7a5;
- 
  更新合同
  &#xe7a4;
- 
  合同
  &#xe7a3;
- 
  分享
  &#xe7a2;
- 
  分享
  &#xe7a1;
- 
  操作日志
  &#xe7a0;
- 
  成交
  &#xe79f;
- 
  公司成交
  &#xe79e;
- 
  签约
  &#xe79d;
- 
  通讯录
  &#xe79c;
- 
  资料库
  &#xe79b;
- 
  登录
  &#xe79a;
- 
  过户列表
  &#xe799;
- 
  过户
  &#xe798;
- 
  new
  &#xe797;
- 
  new
  &#xe796;
- 
  新
  &#xe795;
- 
  报备
  &#xe794;
- 
  审批
  &#xe793;
- 
  成交日志
  &#xe792;
- 
  房源日志
  &#xe790;
- 
  客户日志
  &#xe791;
- 
  分享
  &#xe78b;
- 
  二维码
  &#xe78e;
- 
  扫一扫
  &#xe78f;
- 
  mobile-排行榜
  &#xe782;
- 
  mobile-排行
  &#xe785;
- 
  报备
  &#xe788;
- 
  带看
  &#xe78a;
- 
  认筹
  &#xe787;
- 
  网签
  &#xe789;
- 
  mobile-审核-导航
  &#xe781;
- 
  mobile-楼盘-导航
  &#xe77f;
- 
  房源跟进
  &#xe75a;
- 
  客源跟进
  &#xe75b;
- 
  我的带看
  &#xe75c;
- 
  我的陪看
  &#xe75d;
- 
  我的提醒
  &#xe75e;
- 
  提醒我的
  &#xe75f;
- 
  添加求购客源
  &#xe766;
- 
  添加求租客源
  &#xe767;
- 
  添加新房客源
  &#xe768;
- 
  客户
  &#xe769;
- 
  客户1
  &#xe76a;
- 
  收藏客源
  &#xe76b;
- 
  收藏房源
  &#xe76c;
- 
  操作
  &#xe74a;
- 
  变更经纪人
  &#xe74b;
- 
  变更状态
  &#xe74c;
- 
  委办
  &#xe74d;
- 
  认证
  &#xe74e;
- 
  审核
  &#xe74f;
- 
  签约
  &#xe750;
- 
  作废
  &#xe753;
- 
  人事变动
  &#xe754;
- 
  调整坐标
  &#xe755;
- 
  钱包
  &#xe756;
- 
  佣金
  &#xe757;
- 
  日志
  &#xe758;
- 
  确认方案
  &#xe746;
- 
  物料确认
  &#xe747;
- 
  佣金确认
  &#xe748;
- 
  总监确认
  &#xe749;
- 
  查看图片
  &#xe73e;
- 
  暂无图片
  &#xe73f;
- 
  设置封面
  &#xe740;
- 
  上传图片
  &#xe741;
- 
  下载图片
  &#xe742;
- 
  批量上传图片
  &#xe743;
- 
  批量下载图片
  &#xe744;
- 
  实勘
  &#xe745;
- 
  申请
  &#xe730;
- 
  打印
  &#xe731;
- 
  跟进
  &#xe732;
- 
  带看
  &#xe733;
- 
  封开盘
  &#xe734;
- 
  动态
  &#xe735;
- 
  发布动态
  &#xe736;
- 
  户型
  &#xe737;
- 
  户型图
  &#xe738;
- 
  经纪人
  &#xe739;
- 
  电话
  &#xe73a;
- 
  取消
  &#xe73c;
- 
  设置全景
  &#xe726;
- 
  查看全景
  &#xe727;
- 
  设置视频
  &#xe728;
- 
  查看视频
  &#xe729;
- 
  查看核心信息
  &#xe72a;
- 
  修改核心信息
  &#xe72b;
- 
  隐藏核心信息
  &#xe72c;
- 
  钥匙
  &#xe72d;
- 
  添加钥匙
  &#xe72e;
- 
  移动钥匙
  &#xe72f;
- 
  点赞
  &#xe718;
- 
  取消点赞
  &#xe719;
- 
  推荐
  &#xe71a;
- 
  取消推荐
  &#xe71b;
- 
  喜欢
  &#xe71c;
- 
  取消喜欢
  &#xe71d;
- 
  收藏
  &#xe71e;
- 
  取消收藏
  &#xe71f;
- 
  收藏1
  &#xe720;
- 
  取消收藏1
  &#xe721;
- 
  置顶
  &#xe722;
- 
  取消置顶
  &#xe723;
- 
  外网同步
  &#xe724;
- 
  取消外网同步
  &#xe725;
- 
  转出售
  &#xe714;
- 
  转出租
  &#xe715;
- 
  房源转移
  &#xe716;
- 
  客源转移
  &#xe717;
- 
  公盘
  &#xe710;
- 
  私盘
  &#xe711;
- 
  上传
  &#xe712;
- 
  下载
  &#xe713;
- 
  导出
  &#xe704;
- 
  导入
  &#xe705;
- 
  封盘
  &#xe706;
- 
  开盘
  &#xe707;
- 
  停用
  &#xe708;
- 
  启用
  &#xe709;
- 
  通过
  &#xe70a;
- 
  驳回
  &#xe70b;
- 
  重置
  &#xe6f9;
- 
  添加1
  &#xe6fa;
- 
  添加2
  &#xe6fb;
- 
  添加3
  &#xe6fc;
- 
  提交
  &#xe6fd;
- 
  详情
  &#xe6fe;
- 
  更新
  &#xe6ff;
- 
  删除
  &#xe700;
- 
  批量删除
  &#xe701;
- 
  还原
  &#xe702;
- 
  永久删除
  &#xe703;
- 
  咨询热线
  &#xe6f4;
- 
  手机号码
  &#xe6f5;
- 
  QQ号码
  &#xe6f6;
- 
  电子邮箱
  &#xe6f7;
- 
  公司地址
  &#xe6f8;
- 
  写字楼
  &#xe6ed;
- 
  商铺
  &#xe6ee;
- 
  新楼盘
  &#xe6f0;
- 
  租房
  &#xe6f1;
- 
  成交
  &#xe6f2;
- 
  返回
  &#xe6f3;
- 
  通讯录
  &#xe6e8;
- 
  计算器
  &#xe6e9;
- 
  小区
  &#xe6ea;
- 
  业务审批
  &#xe6e3;
- 
  提醒
  &#xe6e4;
- 
  搜索
  &#xe6e5;
- 
  广播
  &#xe6e6;
- 
  更多
  &#xe6e7;
- 
  消息1
  &#xe6e2;
- 
  休假
  &#xe6d6;
- 
  离开一会
  &#xe6d7;
- 
  修改密码
  &#xe6d8;
- 
  切换账户
  &#xe6d9;
- 
  退出登录
  &#xe6da;
- 
  消息
  &#xe6db;
- 
  外出
  &#xe6cf;
- 
  请假
  &#xe6ce;
- 
  签到
  &#xe6d0;
- 
  刷新
  &#xe6cc;
- 
  关闭
  &#xe6cd;
- 
  业务平台
  &#xe6c7;
- 
  办公平台
  &#xe6c8;
- 
  财务平台
  &#xe6c9;
- 
  决策分析
  &#xe6ca;
- 
  管理后台
  &#xe6cb;
- 
  wap-首页
  &#xe6c2;
- 
  wap-二手房
  &#xe6c3;
- 
  wap-精品房
  &#xe6c4;
- 
  wap-新楼盘
  &#xe6c5;
- 
  wap-我的
  &#xe6c6;
- 
  wap-联系方式-导航
  &#xe6c1;
- 
  wap-小区-导航
  &#xe776;
- 
  wap-小区-导航
  &#xe777;
- 
  wap-精品房-导航
  &#xe778;
- 
  wap-精品房-导航
  &#xe779;
- 
  wap-新楼盘-导航
  &#xe774;
- 
  wap-小区-导航
  &#xe771;
- 
  wap-精品房-导航
  &#xe6b9;
- 
  wap-租房-导航
  &#xe6ba;
- 
  wap-小区-导航
  &#xe6bc;
- 
  wap-找小区-导航
  &#xe6bd;
- 
  wap-新楼盘-导航
  &#xe6be;
- 
  wap-精品房-导航
  &#xe773;
- 
  wap-地图找房-导航
  &#xe6bf;
- 
  wap-工具-导航
  &#xe6c0;
- 
  wap-新楼盘-导航
  &#xe775;
- 
  wap-租房-导航
  &#xe76f;
- 
  wap-新楼盘-导航
  &#xe772;
- 
  wap-二手房-导航
  &#xe6b7;
- 
  mobile-桌面
  &#xe6b4;
- 
  mobile-消息
  &#xe6b5;
- 
  mobile-我的
  &#xe6b6;
- 
  mobile-房源-导航
  &#xe6af;
- 
  mobile-客源-导航
  &#xe6b0;
- 
  mobile-商机中心-导航
  &#xe6b1;
- 
  mobile-意向单-导航
  &#xe6b2;
- 
  mobile-合同-导航
  &#xe6b3;
- 
  mobile-租客-导航
  &#xe77b;
- 
  mobile-新房客源-导航
  &#xe77c;
- 
  mobile-新楼盘-导航
  &#xe6ab;
- 
  mobile-买客-导航
  &#xe6ac;
- 
  mobile-租客-导航
  &#xe6ad;
- 
  mobile-新房客源-导航
  &#xe6ae;
- 
  mobile-买客-导航
  &#xe77a;
- 
  mobile-售房-导航
  &#xe6a9;
- 
  mobile-租房-导航
  &#xe6aa;

## Unicode 引用

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

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

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

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.woff2?t=1630460735083') format('woff2'),
           url('iconfont.woff?t=1630460735083') format('woff'),
           url('iconfont.ttf?t=1630460735083') format('truetype');
    }

### 第二步：定义使用 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-cengji
- 分配
  .icon-fenpei
- 转移
  .icon-zhuanyi
- 切换
  .icon-qiehuan
- 接收2
  .icon-jieshou2
- 接收1
  .icon-jieshou1
- 新闻
  .icon-xinwen1
- 新闻
  .icon-xinwen
- 知识库
  .icon-zhishiku
- 知识
  .icon-zhishi
- 资讯
  .icon-zixun
- 热点
  .icon-redian
- apk
  .icon-apk
- 系统
  .icon-xitong
- 导航
  .icon-daohang
- 权限
  .icon-quanxian
- 节点
  .icon-jiedian
- 基础配置
  .icon-jichupeizhi
- 选项配置
  .icon-xuanxiangpeizhi
- 普通配置
  .icon-putongpeizhi
- 岗位
  .icon-gangwei
- 系统设置
  .icon-xitongshezhi
- 省
  .icon-sheng
- 市
  .icon-shi
- 广告列表
  .icon-guanggaoliebiao
- 广告位
  .icon-guanggaowei
- 广告
  .icon-guanggao
- 资源
  .icon-ziyuan
- 公司
  .icon-gongsi
- 菜单
  .icon-caidan
- 地图
  .icon-ditu3
- 地图
  .icon-ditu2
- 地图
  .icon-ditu1
- 隐藏底价
  .icon-yincangdijia
- 查看底价
  .icon-chakandijia
- 隐藏地址
  .icon-yincangdizhi
- 查看地址
  .icon-chakandizhi
- 已评分
  .icon-yipingfen
- 解绑手机
  .icon-jiebangshouji
- 绑定手机
  .icon-bangdingshouji
- 警报
  .icon-jingbao
- 警告
  .icon-jinggao
- 举报
  .icon-jubao
- 注意
  .icon-zhuyi
- 互联网
  .icon-hulianwang
- 营业执照
  .icon-yingyezhizhao
- 手持身份证
  .icon-shouchishenfenzheng
- 上传身份证国徽面
  .icon-shangchuanshenfenzhengguohuimian
- 上传身份证人像面
  .icon-shangchuanshenfenzhengrenxiangmian
- 身份证国徽面
  .icon-shenfenzhengguohuimian
- 身份证人像面
  .icon-shenfenzhengrenxiangmian
- 身份证背面照
  .icon-shenfenzhengbeimianzhao
- 身份证正面照
  .icon-shenfenzhengzhengmianzhao
- 身份证反面
  .icon-shenfenzhengfanmian
- 身份证正面
  .icon-shenfenzhengzhengmian
- 微信
  .icon-weixin
- 毛笔
  .icon-maobi
- 头像1
  .icon-touxiang1
- 头像
  .icon-touxiang
- 招聘
  .icon-zhaopin
- 招聘
  .icon-zhaopin1
- 违约
  .icon-weiyue
- 违约金
  .icon-weiyuejin
- 金币
  .icon-jinbi
- 纸币
  .icon-zhibi
- 提成
  .icon-ticheng
- 业绩分成
  .icon-yejifencheng
- 财务日志
  .icon-caiwurizhi1
- 财务日志
  .icon-caiwurizhi
- 上传全景
  .icon-shangchuanquanjing
- 上传视频
  .icon-shangchuanshipin2
- 上传视频
  .icon-shangchuanshipin1
- 上传视频
  .icon-shangchuanshipin
- 房源封盘
  .icon-fangyuanfengpan
- 房源开盘
  .icon-fangyuankaipan
- 客源封盘
  .icon-keyuanfengpan
- 客源开盘
  .icon-keyuankaipan
- 客源提醒
  .icon-keyuantixing
- 楼盘日志
  .icon-loupanrizhi
- 实名认证
  .icon-shimingrenzheng
- 统计
  .icon-tongji
- 云
  .icon-yun
- 大数据
  .icon-dashuju
- 皮肤
  .icon-pifu
- 评分
  .icon-pingfen
- 委托
  .icon-weituo
- 交易
  .icon-jiaoyi
- 门店
  .icon-mendian
- 取消关注
  .icon-quxiaoguanzhu
- 关注
  .icon-guanzhu
- 女
  .icon-nv
- 男
  .icon-nan
- 个人资料
  .icon-gerenziliao
- 打卡
  .icon-daka
- 考勤
  .icon-kaoqin
- 优惠
  .icon-youhui
- 地图
  .icon-ditu
- 地图找房
  .icon-dituzhaofang
- 学区房
  .icon-xuequfang1
- 特惠房
  .icon-tehuifang1
- 每日讲盘
  .icon-meirijiangpan1
- 当日驻点房源
  .icon-dangrizhudianfangyuan1
- 学区房
  .icon-xuequfang
- 特惠房
  .icon-tehuifang
- 每日讲盘
  .icon-meirijiangpan
- 当日驻点房源
  .icon-dangrizhudianfangyuan
- 合同列表
  .icon-hetongliebiao
- 合同
  .icon-hetong1
- 更新合同
  .icon-gengxinhetong
- 合同
  .icon-hetong
- 分享
  .icon-fenxiang2
- 分享
  .icon-fenxiang1
- 操作日志
  .icon-caozuorizhi
- 成交
  .icon-chengjiao1
- 公司成交
  .icon-gongsichengjiao
- 签约
  .icon-qianyue1
- 通讯录
  .icon-tongxunlu1
- 资料库
  .icon-ziliao
- 登录
  .icon-denglu
- 过户列表
  .icon-guohuliebiao
- 过户
  .icon-guohu
- new
  .icon-new1
- new
  .icon-new
- 新
  .icon-xin
- 报备
  .icon-baobei1
- 审批
  .icon-shenpi
- 成交日志
  .icon-chengjiaorizhi
- 房源日志
  .icon-fangyuanrizhi
- 客户日志
  .icon-kehurizhi
- 分享
  .icon-fenxiang
- 二维码
  .icon-erweima
- 扫一扫
  .icon-saoyisao
- mobile-排行榜
  .icon-mobile-paihangbang
- mobile-排行
  .icon-mobile-paihang
- 报备
  .icon-baobei
- 带看
  .icon-daikan1
- 认筹
  .icon-renchou
- 网签
  .icon-wangqian
- mobile-审核-导航
  .icon-mobile-shenhe-daohang
- mobile-楼盘-导航
  .icon-mobile-loupan-daohang
- 房源跟进
  .icon-fangyuangenjin
- 客源跟进
  .icon-keyuangenjin
- 我的带看
  .icon-wodedaikan
- 我的陪看
  .icon-wodepeikan
- 我的提醒
  .icon-wodetixing
- 提醒我的
  .icon-tixingwode
- 添加求购客源
  .icon-tianjiaqiugoukeyuan
- 添加求租客源
  .icon-tianjiaqiuzukeyuan
- 添加新房客源
  .icon-tianjiaxinfangkeyuan
- 客户
  .icon-kehu
- 客户1
  .icon-kehu1
- 收藏客源
  .icon-shoucangkeyuan
- 收藏房源
  .icon-shoucangfangyuan
- 操作
  .icon-caozuo
- 变更经纪人
  .icon-biangengjingjiren
- 变更状态
  .icon-biangengzhuangtai
- 委办
  .icon-weiban
- 认证
  .icon-renzheng
- 审核
  .icon-shenhe
- 签约
  .icon-qianyue
- 作废
  .icon-zuofei
- 人事变动
  .icon-renshibiandong
- 调整坐标
  .icon-tiaozhengzuobiao
- 钱包
  .icon-qianbao
- 佣金
  .icon-yongjin
- 日志
  .icon-rizhi
- 确认方案
  .icon-querenfangan
- 物料确认
  .icon-wuliaoqueren
- 佣金确认
  .icon-yongjinqueren
- 总监确认
  .icon-zongjianqueren
- 查看图片
  .icon-chakantupian
- 暂无图片
  .icon-zanwutupian
- 设置封面
  .icon-shezhifengmian
- 上传图片
  .icon-shangchuantupian
- 下载图片
  .icon-xiazaitupian
- 批量上传图片
  .icon-piliangshangchuantupian
- 批量下载图片
  .icon-piliangxiazaitupian
- 实勘
  .icon-shikan
- 申请
  .icon-shenqing
- 打印
  .icon-dayin
- 跟进
  .icon-genjin
- 带看
  .icon-daikan
- 封开盘
  .icon-fengkaipan
- 动态
  .icon-dongtai
- 发布动态
  .icon-fabudongtai
- 户型
  .icon-huxing
- 户型图
  .icon-huxingtu
- 经纪人
  .icon-jingjiren
- 电话
  .icon-dianhua
- 取消
  .icon-quxiao
- 设置全景
  .icon-shezhiquanjing
- 查看全景
  .icon-chakanquanjing
- 设置视频
  .icon-shezhishipin
- 查看视频
  .icon-chakanshipin
- 查看核心信息
  .icon-chakanhexinxinxi
- 修改核心信息
  .icon-xiugaihexinxinxi
- 隐藏核心信息
  .icon-yincanghexinxinxi
- 钥匙
  .icon-yaoshi
- 添加钥匙
  .icon-tianjiayaoshi
- 移动钥匙
  .icon-yidongyaoshi
- 点赞
  .icon-dianzan
- 取消点赞
  .icon-quxiaodianzan
- 推荐
  .icon-tuijian
- 取消推荐
  .icon-quxiaotuijian
- 喜欢
  .icon-xihuan
- 取消喜欢
  .icon-quxiaoxihuan
- 收藏
  .icon-shoucang
- 取消收藏
  .icon-quxiaoshoucang
- 收藏1
  .icon-shoucang1
- 取消收藏1
  .icon-quxiaoshoucang1
- 置顶
  .icon-zhiding
- 取消置顶
  .icon-quxiaozhiding
- 外网同步
  .icon-waiwangtongbu
- 取消外网同步
  .icon-quxiaowaiwangtongbu
- 转出售
  .icon-zhuanchushou
- 转出租
  .icon-zhuanchuzu
- 房源转移
  .icon-fangyuanzhuanyi
- 客源转移
  .icon-keyuanzhuanyi
- 公盘
  .icon-gongpan
- 私盘
  .icon-sipan
- 上传
  .icon-shangchuan
- 下载
  .icon-xiazai
- 导出
  .icon-daochu
- 导入
  .icon-daoru
- 封盘
  .icon-fengpan
- 开盘
  .icon-kaipan
- 停用
  .icon-tingyong
- 启用
  .icon-qiyong
- 通过
  .icon-tongguo
- 驳回
  .icon-bohui
- 重置
  .icon-chongzhi
- 添加1
  .icon-tianjia1
- 添加2
  .icon-tianjia2
- 添加3
  .icon-tianjia3
- 提交
  .icon-tijiao
- 详情
  .icon-xiangqing
- 更新
  .icon-gengxin
- 删除
  .icon-shanchu
- 批量删除
  .icon-piliangshanchu
- 还原
  .icon-huanyuan
- 永久删除
  .icon-yongjiushanchu
- 咨询热线
  .icon-zixunrexian
- 手机号码
  .icon-shoujihaoma
- QQ号码
  .icon-qqhaoma
- 电子邮箱
  .icon-dianziyouxiang
- 公司地址
  .icon-gongsidizhi
- 写字楼
  .icon-xiezilou
- 商铺
  .icon-shangpu
- 新楼盘
  .icon-xinloupan
- 租房
  .icon-wap-zufang
- 成交
  .icon-chengjiao
- 返回
  .icon-fanhui
- 通讯录
  .icon-tongxunlu
- 计算器
  .icon-jisuanqi
- 小区
  .icon-xiaoqu
- 业务审批
  .icon-yewushenpi
- 提醒
  .icon-tixing
- 搜索
  .icon-sousuo
- 广播
  .icon-guangbo
- 更多
  .icon-gengduo
- 消息1
  .icon-xiaoxi1
- 休假
  .icon-xiujia
- 离开一会
  .icon-likaiyihui
- 修改密码
  .icon-xiugaimima
- 切换账户
  .icon-qiehuanzhanghu
- 退出登录
  .icon-tuichudenglu
- 消息
  .icon-xiaoxi
- 外出
  .icon-waichu
- 请假
  .icon-qingjia
- 签到
  .icon-qiandao
- 刷新
  .icon-shuaxin
- 关闭
  .icon-guanbi
- 业务平台
  .icon-yewupingtai
- 办公平台
  .icon-bangongpingtai
- 财务平台
  .icon-caiwupingtai
- 决策分析
  .icon-juecefenxi
- 管理后台
  .icon-guanlihoutai
- wap-首页
  .icon-wap-shouye
- wap-二手房
  .icon-wap-ershoufang
- wap-精品房
  .icon-wap-jingpinfang
- wap-新楼盘
  .icon-wap-xinloupan
- wap-我的
  .icon-wap-wode
- wap-联系方式-导航
  .icon-wap-lianxifangshi-daohang
- wap-小区-导航
  .icon-mobile-lianhebangong-daohang
- wap-小区-导航
  .icon-mobile-lhbgxzl-daohang
- wap-精品房-导航
  .icon-mobile-chuangyiyuan-daohang
- wap-精品房-导航
  .icon-mobile-cyyxzl-daohang
- wap-新楼盘-导航
  .icon-mobile-chuantongbangong-daohang
- wap-小区-导航
  .icon-wap-daohang-lianhebangong
- wap-精品房-导航
  .icon-wap-jingpinfang-daohang
- wap-租房-导航
  .icon-wap-zufang-daohang
- wap-小区-导航
  .icon-wap-xiaoqu-daohang
- wap-找小区-导航
  .icon-wap-zhaoxiaoqu-daohang
- wap-新楼盘-导航
  .icon-wap-xinloupan-daohang
- wap-精品房-导航
  .icon-wap-daohang-chuangyiyuan
- wap-地图找房-导航
  .icon-wap-dituzhaofang-daohang
- wap-工具-导航
  .icon-wap-gongju-daohang
- wap-新楼盘-导航
  .icon-mobile-ctbgxzl-daohang
- wap-租房-导航
  .icon-wap-daohang-xinloupan
- wap-新楼盘-导航
  .icon-wap-daohang-chuantongbangong
- wap-二手房-导航
  .icon-wap-ershoufang-daohang
- mobile-桌面
  .icon-mobile-zhuomian
- mobile-消息
  .icon-mobile-xiaoxi
- mobile-我的
  .icon-mobile-wode
- mobile-房源-导航
  .icon-mobile-fangyuan-daohang
- mobile-客源-导航
  .icon-mobile-keyuan-daohang
- mobile-商机中心-导航
  .icon-mobile-shangjizhongxin-daohang
- mobile-意向单-导航
  .icon-mobile-yixiangdan-daohang
- mobile-合同-导航
  .icon-mobile-hetong-daohang
- mobile-租客-导航
  .icon-mobile-lhbgxzlkh-daohang
- mobile-新房客源-导航
  .icon-mobile-cyyxzlkh-daohang
- mobile-新楼盘-导航
  .icon-mobile-xinloupan-daohang
- mobile-买客-导航
  .icon-mobile-maike-daohang
- mobile-租客-导航
  .icon-mobile-zuke-daohang
- mobile-新房客源-导航
  .icon-mobile-xinfangkeyuan-daohang
- mobile-买客-导航
  .icon-mobile-ctbgxzlkh-daohang
- mobile-售房-导航
  .icon-mobile-shoufang-daohang
- mobile-租房-导航
  .icon-mobile-zufang-daohang

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

- 层级
  #icon-cengji
- 分配
  #icon-fenpei
- 转移
  #icon-zhuanyi
- 切换
  #icon-qiehuan
- 接收2
  #icon-jieshou2
- 接收1
  #icon-jieshou1
- 新闻
  #icon-xinwen1
- 新闻
  #icon-xinwen
- 知识库
  #icon-zhishiku
- 知识
  #icon-zhishi
- 资讯
  #icon-zixun
- 热点
  #icon-redian
- apk
  #icon-apk
- 系统
  #icon-xitong
- 导航
  #icon-daohang
- 权限
  #icon-quanxian
- 节点
  #icon-jiedian
- 基础配置
  #icon-jichupeizhi
- 选项配置
  #icon-xuanxiangpeizhi
- 普通配置
  #icon-putongpeizhi
- 岗位
  #icon-gangwei
- 系统设置
  #icon-xitongshezhi
- 省
  #icon-sheng
- 市
  #icon-shi
- 广告列表
  #icon-guanggaoliebiao
- 广告位
  #icon-guanggaowei
- 广告
  #icon-guanggao
- 资源
  #icon-ziyuan
- 公司
  #icon-gongsi
- 菜单
  #icon-caidan
- 地图
  #icon-ditu3
- 地图
  #icon-ditu2
- 地图
  #icon-ditu1
- 隐藏底价
  #icon-yincangdijia
- 查看底价
  #icon-chakandijia
- 隐藏地址
  #icon-yincangdizhi
- 查看地址
  #icon-chakandizhi
- 已评分
  #icon-yipingfen
- 解绑手机
  #icon-jiebangshouji
- 绑定手机
  #icon-bangdingshouji
- 警报
  #icon-jingbao
- 警告
  #icon-jinggao
- 举报
  #icon-jubao
- 注意
  #icon-zhuyi
- 互联网
  #icon-hulianwang
- 营业执照
  #icon-yingyezhizhao
- 手持身份证
  #icon-shouchishenfenzheng
- 上传身份证国徽面
  #icon-shangchuanshenfenzhengguohuimian
- 上传身份证人像面
  #icon-shangchuanshenfenzhengrenxiangmian
- 身份证国徽面
  #icon-shenfenzhengguohuimian
- 身份证人像面
  #icon-shenfenzhengrenxiangmian
- 身份证背面照
  #icon-shenfenzhengbeimianzhao
- 身份证正面照
  #icon-shenfenzhengzhengmianzhao
- 身份证反面
  #icon-shenfenzhengfanmian
- 身份证正面
  #icon-shenfenzhengzhengmian
- 微信
  #icon-weixin
- 毛笔
  #icon-maobi
- 头像1
  #icon-touxiang1
- 头像
  #icon-touxiang
- 招聘
  #icon-zhaopin
- 招聘
  #icon-zhaopin1
- 违约
  #icon-weiyue
- 违约金
  #icon-weiyuejin
- 金币
  #icon-jinbi
- 纸币
  #icon-zhibi
- 提成
  #icon-ticheng
- 业绩分成
  #icon-yejifencheng
- 财务日志
  #icon-caiwurizhi1
- 财务日志
  #icon-caiwurizhi
- 上传全景
  #icon-shangchuanquanjing
- 上传视频
  #icon-shangchuanshipin2
- 上传视频
  #icon-shangchuanshipin1
- 上传视频
  #icon-shangchuanshipin
- 房源封盘
  #icon-fangyuanfengpan
- 房源开盘
  #icon-fangyuankaipan
- 客源封盘
  #icon-keyuanfengpan
- 客源开盘
  #icon-keyuankaipan
- 客源提醒
  #icon-keyuantixing
- 楼盘日志
  #icon-loupanrizhi
- 实名认证
  #icon-shimingrenzheng
- 统计
  #icon-tongji
- 云
  #icon-yun
- 大数据
  #icon-dashuju
- 皮肤
  #icon-pifu
- 评分
  #icon-pingfen
- 委托
  #icon-weituo
- 交易
  #icon-jiaoyi
- 门店
  #icon-mendian
- 取消关注
  #icon-quxiaoguanzhu
- 关注
  #icon-guanzhu
- 女
  #icon-nv
- 男
  #icon-nan
- 个人资料
  #icon-gerenziliao
- 打卡
  #icon-daka
- 考勤
  #icon-kaoqin
- 优惠
  #icon-youhui
- 地图
  #icon-ditu
- 地图找房
  #icon-dituzhaofang
- 学区房
  #icon-xuequfang1
- 特惠房
  #icon-tehuifang1
- 每日讲盘
  #icon-meirijiangpan1
- 当日驻点房源
  #icon-dangrizhudianfangyuan1
- 学区房
  #icon-xuequfang
- 特惠房
  #icon-tehuifang
- 每日讲盘
  #icon-meirijiangpan
- 当日驻点房源
  #icon-dangrizhudianfangyuan
- 合同列表
  #icon-hetongliebiao
- 合同
  #icon-hetong1
- 更新合同
  #icon-gengxinhetong
- 合同
  #icon-hetong
- 分享
  #icon-fenxiang2
- 分享
  #icon-fenxiang1
- 操作日志
  #icon-caozuorizhi
- 成交
  #icon-chengjiao1
- 公司成交
  #icon-gongsichengjiao
- 签约
  #icon-qianyue1
- 通讯录
  #icon-tongxunlu1
- 资料库
  #icon-ziliao
- 登录
  #icon-denglu
- 过户列表
  #icon-guohuliebiao
- 过户
  #icon-guohu
- new
  #icon-new1
- new
  #icon-new
- 新
  #icon-xin
- 报备
  #icon-baobei1
- 审批
  #icon-shenpi
- 成交日志
  #icon-chengjiaorizhi
- 房源日志
  #icon-fangyuanrizhi
- 客户日志
  #icon-kehurizhi
- 分享
  #icon-fenxiang
- 二维码
  #icon-erweima
- 扫一扫
  #icon-saoyisao
- mobile-排行榜
  #icon-mobile-paihangbang
- mobile-排行
  #icon-mobile-paihang
- 报备
  #icon-baobei
- 带看
  #icon-daikan1
- 认筹
  #icon-renchou
- 网签
  #icon-wangqian
- mobile-审核-导航
  #icon-mobile-shenhe-daohang
- mobile-楼盘-导航
  #icon-mobile-loupan-daohang
- 房源跟进
  #icon-fangyuangenjin
- 客源跟进
  #icon-keyuangenjin
- 我的带看
  #icon-wodedaikan
- 我的陪看
  #icon-wodepeikan
- 我的提醒
  #icon-wodetixing
- 提醒我的
  #icon-tixingwode
- 添加求购客源
  #icon-tianjiaqiugoukeyuan
- 添加求租客源
  #icon-tianjiaqiuzukeyuan
- 添加新房客源
  #icon-tianjiaxinfangkeyuan
- 客户
  #icon-kehu
- 客户1
  #icon-kehu1
- 收藏客源
  #icon-shoucangkeyuan
- 收藏房源
  #icon-shoucangfangyuan
- 操作
  #icon-caozuo
- 变更经纪人
  #icon-biangengjingjiren
- 变更状态
  #icon-biangengzhuangtai
- 委办
  #icon-weiban
- 认证
  #icon-renzheng
- 审核
  #icon-shenhe
- 签约
  #icon-qianyue
- 作废
  #icon-zuofei
- 人事变动
  #icon-renshibiandong
- 调整坐标
  #icon-tiaozhengzuobiao
- 钱包
  #icon-qianbao
- 佣金
  #icon-yongjin
- 日志
  #icon-rizhi
- 确认方案
  #icon-querenfangan
- 物料确认
  #icon-wuliaoqueren
- 佣金确认
  #icon-yongjinqueren
- 总监确认
  #icon-zongjianqueren
- 查看图片
  #icon-chakantupian
- 暂无图片
  #icon-zanwutupian
- 设置封面
  #icon-shezhifengmian
- 上传图片
  #icon-shangchuantupian
- 下载图片
  #icon-xiazaitupian
- 批量上传图片
  #icon-piliangshangchuantupian
- 批量下载图片
  #icon-piliangxiazaitupian
- 实勘
  #icon-shikan
- 申请
  #icon-shenqing
- 打印
  #icon-dayin
- 跟进
  #icon-genjin
- 带看
  #icon-daikan
- 封开盘
  #icon-fengkaipan
- 动态
  #icon-dongtai
- 发布动态
  #icon-fabudongtai
- 户型
  #icon-huxing
- 户型图
  #icon-huxingtu
- 经纪人
  #icon-jingjiren
- 电话
  #icon-dianhua
- 取消
  #icon-quxiao
- 设置全景
  #icon-shezhiquanjing
- 查看全景
  #icon-chakanquanjing
- 设置视频
  #icon-shezhishipin
- 查看视频
  #icon-chakanshipin
- 查看核心信息
  #icon-chakanhexinxinxi
- 修改核心信息
  #icon-xiugaihexinxinxi
- 隐藏核心信息
  #icon-yincanghexinxinxi
- 钥匙
  #icon-yaoshi
- 添加钥匙
  #icon-tianjiayaoshi
- 移动钥匙
  #icon-yidongyaoshi
- 点赞
  #icon-dianzan
- 取消点赞
  #icon-quxiaodianzan
- 推荐
  #icon-tuijian
- 取消推荐
  #icon-quxiaotuijian
- 喜欢
  #icon-xihuan
- 取消喜欢
  #icon-quxiaoxihuan
- 收藏
  #icon-shoucang
- 取消收藏
  #icon-quxiaoshoucang
- 收藏1
  #icon-shoucang1
- 取消收藏1
  #icon-quxiaoshoucang1
- 置顶
  #icon-zhiding
- 取消置顶
  #icon-quxiaozhiding
- 外网同步
  #icon-waiwangtongbu
- 取消外网同步
  #icon-quxiaowaiwangtongbu
- 转出售
  #icon-zhuanchushou
- 转出租
  #icon-zhuanchuzu
- 房源转移
  #icon-fangyuanzhuanyi
- 客源转移
  #icon-keyuanzhuanyi
- 公盘
  #icon-gongpan
- 私盘
  #icon-sipan
- 上传
  #icon-shangchuan
- 下载
  #icon-xiazai
- 导出
  #icon-daochu
- 导入
  #icon-daoru
- 封盘
  #icon-fengpan
- 开盘
  #icon-kaipan
- 停用
  #icon-tingyong
- 启用
  #icon-qiyong
- 通过
  #icon-tongguo
- 驳回
  #icon-bohui
- 重置
  #icon-chongzhi
- 添加1
  #icon-tianjia1
- 添加2
  #icon-tianjia2
- 添加3
  #icon-tianjia3
- 提交
  #icon-tijiao
- 详情
  #icon-xiangqing
- 更新
  #icon-gengxin
- 删除
  #icon-shanchu
- 批量删除
  #icon-piliangshanchu
- 还原
  #icon-huanyuan
- 永久删除
  #icon-yongjiushanchu
- 咨询热线
  #icon-zixunrexian
- 手机号码
  #icon-shoujihaoma
- QQ号码
  #icon-qqhaoma
- 电子邮箱
  #icon-dianziyouxiang
- 公司地址
  #icon-gongsidizhi
- 写字楼
  #icon-xiezilou
- 商铺
  #icon-shangpu
- 新楼盘
  #icon-xinloupan
- 租房
  #icon-wap-zufang
- 成交
  #icon-chengjiao
- 返回
  #icon-fanhui
- 通讯录
  #icon-tongxunlu
- 计算器
  #icon-jisuanqi
- 小区
  #icon-xiaoqu
- 业务审批
  #icon-yewushenpi
- 提醒
  #icon-tixing
- 搜索
  #icon-sousuo
- 广播
  #icon-guangbo
- 更多
  #icon-gengduo
- 消息1
  #icon-xiaoxi1
- 休假
  #icon-xiujia
- 离开一会
  #icon-likaiyihui
- 修改密码
  #icon-xiugaimima
- 切换账户
  #icon-qiehuanzhanghu
- 退出登录
  #icon-tuichudenglu
- 消息
  #icon-xiaoxi
- 外出
  #icon-waichu
- 请假
  #icon-qingjia
- 签到
  #icon-qiandao
- 刷新
  #icon-shuaxin
- 关闭
  #icon-guanbi
- 业务平台
  #icon-yewupingtai
- 办公平台
  #icon-bangongpingtai
- 财务平台
  #icon-caiwupingtai
- 决策分析
  #icon-juecefenxi
- 管理后台
  #icon-guanlihoutai
- wap-首页
  #icon-wap-shouye
- wap-二手房
  #icon-wap-ershoufang
- wap-精品房
  #icon-wap-jingpinfang
- wap-新楼盘
  #icon-wap-xinloupan
- wap-我的
  #icon-wap-wode
- wap-联系方式-导航
  #icon-wap-lianxifangshi-daohang
- wap-小区-导航
  #icon-mobile-lianhebangong-daohang
- wap-小区-导航
  #icon-mobile-lhbgxzl-daohang
- wap-精品房-导航
  #icon-mobile-chuangyiyuan-daohang
- wap-精品房-导航
  #icon-mobile-cyyxzl-daohang
- wap-新楼盘-导航
  #icon-mobile-chuantongbangong-daohang
- wap-小区-导航
  #icon-wap-daohang-lianhebangong
- wap-精品房-导航
  #icon-wap-jingpinfang-daohang
- wap-租房-导航
  #icon-wap-zufang-daohang
- wap-小区-导航
  #icon-wap-xiaoqu-daohang
- wap-找小区-导航
  #icon-wap-zhaoxiaoqu-daohang
- wap-新楼盘-导航
  #icon-wap-xinloupan-daohang
- wap-精品房-导航
  #icon-wap-daohang-chuangyiyuan
- wap-地图找房-导航
  #icon-wap-dituzhaofang-daohang
- wap-工具-导航
  #icon-wap-gongju-daohang
- wap-新楼盘-导航
  #icon-mobile-ctbgxzl-daohang
- wap-租房-导航
  #icon-wap-daohang-xinloupan
- wap-新楼盘-导航
  #icon-wap-daohang-chuantongbangong
- wap-二手房-导航
  #icon-wap-ershoufang-daohang
- mobile-桌面
  #icon-mobile-zhuomian
- mobile-消息
  #icon-mobile-xiaoxi
- mobile-我的
  #icon-mobile-wode
- mobile-房源-导航
  #icon-mobile-fangyuan-daohang
- mobile-客源-导航
  #icon-mobile-keyuan-daohang
- mobile-商机中心-导航
  #icon-mobile-shangjizhongxin-daohang
- mobile-意向单-导航
  #icon-mobile-yixiangdan-daohang
- mobile-合同-导航
  #icon-mobile-hetong-daohang
- mobile-租客-导航
  #icon-mobile-lhbgxzlkh-daohang
- mobile-新房客源-导航
  #icon-mobile-cyyxzlkh-daohang
- mobile-新楼盘-导航
  #icon-mobile-xinloupan-daohang
- mobile-买客-导航
  #icon-mobile-maike-daohang
- mobile-租客-导航
  #icon-mobile-zuke-daohang
- mobile-新房客源-导航
  #icon-mobile-xinfangkeyuan-daohang
- mobile-买客-导航
  #icon-mobile-ctbgxzlkh-daohang
- mobile-售房-导航
  #icon-mobile-shoufang-daohang
- mobile-租房-导航
  #icon-mobile-zufang-daohang

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