# IconFont 图标

- 图片
  .icon-tupian
- 刮刮卡
  .icon-guaguaqia
- 视频
  .icon-video
- 大转盘
  .icon-dazhuanpan
- 图片
  .icon-tupian1
- 标签
  .icon-17
- 双向呼叫
  .icon-shuangxianghujiao
- 卡券营销
  .icon-qiaquanyingxiao
- 添加图标
  .icon-jia
- 二维码
  .icon-erweima
- 链接
  .icon-lianjie
- 分组
  .icon-fenzu
- 模板库
  .icon-mobanku
- 语音消息
  .icon-yuyinxiaoxi
- 提建议
  .icon-tijianyi
- 条形码1-01
  .icon-tiaoxingma101
- 上传
  .icon-shangchuan
- 卡券
  .icon-wxcard-copy
- 微商城
  .icon-wsc
- 基本信息
  .icon-jibenxinxi
- 储值
  .icon-chuzhi
- 计划
  .icon-jihua
- 短信
  .icon-duanxin
- 卡券
  .icon-qiaquan
- 短信营销
  .icon-duanxinyingxiao
- 拼图
  .icon-pintu
- 视频
  .icon-shipin
- 列表
  .icon-liebiao
- 游戏
  .icon-youxi1
- 门店
  .icon-mendian1
- 核销
  .icon-hexiao
- 微信营销
  .icon-weixinyingxiao
- 分析
  .icon-fenxi
- 手机验证码
  .icon-shoujiyanzhengma
- 删除
  .icon-shanchu
- next
  .icon-next-
- 消费
  .icon-xiaofei
- icon-二维码
  .icon-icon-QRcode
- 卡券包
  .icon-qiaquanbao
- 排序
  .icon-paixu_up-copy
- 信息管理
  .icon-xinxiguanli
- 会员管理
  .icon-huiyuanguanli
- 通话记录
  .icon-tonghuajilu
- 记录
  .icon-jilu
- 断开链接
  .icon-duankailianjie
- 消费
  .icon-xiaofei1
- 轨迹检索
  .icon-guijijiansuo
- 展开
  .icon-zhankai
- 收起
  .icon-shouqi
- 互动
  .icon-hudong
- 语音
  .icon-yuyin
- 消费
  .icon-record-actice
- 编辑
  .icon-bianji
- 智能引擎
  .icon-zhinengyinqing
- 拖拽
  .icon-tuozhuai
- 营销活动管理
  .icon-yingxiaohuodongguanli
- 著作权
  .icon-zhuzuoquan
- 条形码
  .icon-tiaoxingma
- 微信会员
  .icon-weixin-
- 电商会员
  .icon-huiyuanpengyou
- 电商买家
  .icon-dianshangtupian
- 积分制度
  .icon-jifen
- 会员信息字段
  .icon-renzhengxinxi
- 会员特权
  .icon-huiyuantequan-
- 会员价值分类
  .icon-huiyuanjiazhifenlei
- 素材库
  .icon-sucaiku
- 会员卡设置
  .icon-qiapian-
- 卡券展架
  .icon-qiaquan-
- 卡券记录
  .icon-wodeqiaquan-
- 口令福利
  .icon-mima
- 营销模板
  .icon-moban
- 找你马
  .icon-fenxi-
- 门店签到
  .icon-qiandao-
- 线上签到
  .icon-qiandaopx
- 评价管理
  .icon-pingjiaguanli
- 订单评价机制
  .icon-shu
- 商户信息
  .icon-pintu1
- 门店信息
  .icon-mendian
- 成员信息
  .icon-shanghuxinxi
- 通讯费用
  .icon-huafei
- 会员生动化管理
  .icon-icon_huiyuanguanli
- 积分结算费用
  .icon-erjicaidan-jiesuanguanli
- POS会员
  .icon-xinyongqiajiesuanfuwu
- 业绩结算
  .icon-laowujiesuan
- 自动回复
  .icon-huifu
- 自定义菜单
  .icon-zidingyicaidan-
- 通用广告位
  .icon-zujian-lunbo
- 特例广告位
  .icon-cg-yuanshengguanggao
- 游戏开放接口
  .icon-youxi
- 自定义页面
  .icon-icon_zidingyiyemianshezhi
- 导航设置
  .icon-daohang-
- 会员功能页面
  .icon-huiyuan-
- 主题设置
  .icon-shequ-zhutifenxiang
- 下载
  .icon-icon_yunxiazai
- 添加图片
  .icon-Icon_addPhotoB
- 模板消息库
  .icon-mobanxiaoxiku
- 模板消息群发
  .icon-mobanxiaoxiqunfa
- upload
  .icon-yd-icon-upload2
- 图表为空
  .icon-tubiaoweikong
- CSV
  .icon-CSV
- 会员在线沟通
  .icon-huiyuanzaixiangoutong
- 事务分配机制
  .icon-shiwufenpeijizhi
- 暂无数据
  .icon-oa_nofind
- 打勾(1)
  .icon-selected
- 扫描
  .icon-saomiao
- 视频
  .icon-shipin1
- 积分明细表
  .icon-jifenmingxibiao
- 积分结算归属
  .icon-jifenjiesuanguishu
- 积分成本配置
  .icon-jifenchengbenpeizhi
- 冻结
  .icon-dongjie
- 广告页设置
  .icon-yemianshezhi
- 信息 显示
  .icon-xinxixianshi

## font-class引用

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

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

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

使用步骤如下：

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

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

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

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

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