# IconFont 图标

- 图片
  #icon-tupian
- 刮刮卡
  #icon-guaguaqia
- 图片
  #icon-tupian2
- 视频
  #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
- 短信 2
  #icon-duanxin1
- 游戏
  #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-xiaochengxu
- 展开
  #icon-zhankai
- 收起
  #icon-shouqi
- 互动
  #icon-hudong
- 语音
  #icon-yuyin
- 消费
  #icon-record-actice
- 编辑
  #icon-bianji
- 文字
  #icon-wenzi
- 智能引擎
  #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-xiaochengxu1
- 积分明细表
  #icon-jifenmingxibiao
- 积分结算归属
  #icon-jifenjiesuanguishu
- 积分成本配置
  #icon-jifenchengbenpeizhi
- 图文样式
  #icon-tuwenyangshi
- 冻结
  #icon-dongjie
- 广告页设置
  #icon-yemianshezhi
- 信息 显示
  #icon-xinxixianshi
- 电话
  #icon-dianhua
- 卡券
  #icon-qiaquanhexiao
- 手工标签
  #icon-shougongbiaoqian

## symbol引用

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

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

使用步骤如下：

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

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

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

    <style type="text/css">
    .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>