# IconFont 图标

- 返回
  #icon-back
- 微信
  #icon-weixin11
- 支付宝
  #icon-zhifubao2
- 更多
  #icon-gengduo1
- 返回
  #icon-fanhui
- 手机
  #icon-shouji1
- 加号
  #icon-jiahao1
- 更多
  #icon-gengduo
- 关闭
  #icon-guanbi1
- 冷饮
  #icon-lengyin
- 皇冠
  #icon-crown
- 收藏
  #icon-shoucang3
- 添加
  #icon-tianjia
- 退货
  #icon-tuihuo
- 银行卡
  #icon-yinxingqia
- 关闭
  #icon-guanbi2
- 微信
  #icon-weixin
- 下拉
  #icon-xiala
- 支付宝支付
  #icon-zhifubaozhifu
- QQ
  #icon-qq
- 对号
  #icon-duihao
- 供货宝
  #icon-supply
- 商城
  #icon-shopping-mall
- 电话
  #icon-dianhua
- 加号
  #icon-jiahao
- 团队管理
  #icon-team-manae
- 分享
  #icon-fenxiang01
- qq
  #icon-qq1
- 表情-无奈1
  #icon-helpless
- WH产品详情页-供应商联系电话座机
  #icon-chanpinxiangqingyegongyingshanglianxidianhuazuoji
- 定位
  #icon-dingwei
- 地址
  #icon-dizhi
- 地址 address
  #icon-address
- 删除
  #icon-shanchu
- 打印
  #icon-dayin
- 余额
  #icon-weibiaoti11
- 管理员
  #icon-guanliyuan1
- 勾选框(多选框描边)
  #icon-gouxuankuang
- 删除
  #icon-iconfontshanchu
- 邮件
  #icon-youjian
- 员工
  #icon-employee
- 帐户信息
  #icon-account-info
- 意向订单icon
  #icon-order-goods
- 播放
  #icon-play
- 分类
  #icon-fenlei2
- 出入库质检
  #icon-churukuzhijian
- 全部商品
  #icon-icon1
- 箭头-上
  #icon-jiantou-up
- 搜索框搜索
  #icon-sousuo11
- 手机
  #icon-phone
- 线下支付
  #icon-pay-offline
- 积分
  #icon-money-remind
- 余额
  #icon-yue
- 订单
  #icon-kxborder
- 单箭头上
  #icon-arrow-up
- 分享
  #icon-fenxiang
- 评论
  #icon-pinglun1
- 订单
  #icon-dingdan1
- 我
  #icon-wo
- 奖励
  #icon-rewards
- 筛选
  #icon-shaixuan
- 优惠券
  #icon-youhuiquan
- 加入购物车
  #icon-cart
- 分类
  #icon-fenlei
- 优惠
  #icon-discounts
- 定位
  #icon-iconLocation
- n待收货
  #icon-wait-receiving
- 排序
  #icon-sort
- 配送
  #icon-delivery
- 销量预测
  #icon-xiaoliangyuce
- 云商城
  #icon-yunshangcheng
- 财务
  #icon-wallet
- 哭
  #icon-cry
- 清除缓存
  #icon-clear-cache
- 支付宝
  #icon-zhifubao
- 分类
  #icon-class
- 客服02
  #icon-kefu02
- 客服01
  #icon-kefu01
- 关闭
  #icon-guanbi11
- 下载
  #icon-download-solid
- 金额
  #icon-amount
- 闭眼
  #icon-eye-close
- 礼物
  #icon-liwu
- 联系客服
  #icon-lianxikefu
- 认证用户
  #icon-authenticated-user
- 加粗 选中
  #icon-editor-bold
- 店铺
  #icon-small-store
- 商品
  #icon-goods
- 采购
  #icon-procurement
- 眼睛
  #icon-yanjing
- 键盘删除
  #icon-jianpanshanchu
- 代客下单
  #icon-daikexiadan
- 星号
  #icon-xinghao
- 表情
  #icon-biaoqing
- 点赞
  #icon-praise-white
- 停止
  #icon-stop
- 购物袋
  #icon-shopping-bag
- 企业-01
  #icon-enterprise
- 最近订购
  #icon-recent-order
- 收藏
  #icon-collect-love
- 发货记录
  #icon-delivery-record
- 说明
  #icon-instruction
- 日期
  #icon-riqi
- 平台网关
  #icon-pingtaiwangguan
- 建设银行
  #icon-jiansheyinhang
- 主仓库
  #icon-main-warehouse
- 全部1
  #icon-all-content
- 已退货
  #icon-return-goods
- 店铺
  #icon-store
- 打电话
  #icon-dadianhua
- 日历
  #icon-calendar
- 推荐
  #icon-praise
- 分析
  #icon-72
- 认证
  #icon-renzheng
- 验证
  #icon-validation
- 手机
  #icon-shouji2
- 积分排行
  #icon-jifenpaihang
- 方向 - 下
  #icon-right
- 移动
  #icon-yidong
- 安全
  #icon-anquan
- 鸡尾酒_cocktail24
  #icon-jiweijiu_cocktail
- 度假云官方认证微店
  #icon-certification
- 一级代理
  #icon-primary-agency
- 翼支付
  #icon-bestpay
- 眼睛
  #icon-eye-open
- 店铺管理
  #icon-store-manage
- 工商银行
  #icon-gongshangyinhang
- 农业银行
  #icon-nongyeyinhang
- 招商银行
  #icon-zhaoshangyinhang
- 资料
  #icon-member-data
- 下架
  #icon-xiajia1
- 上架
  #icon-shangjia
- 首页-首页
  #icon-shouye-shouye
- 转接
  #icon-transfer
- 京东
  #icon-jingdong
- 交通银行
  #icon-jiaotongyinhang
- 向下
  #icon-xiangxia
- 盘点数量
  #icon-pandianshuliang
- 成功
  #icon-chenggong1
- 扫码
  #icon-saoma1
- 支付
  #icon-pay-money
- 闪光灯
  #icon-shanguangdeng
- 闪光灯_关闭
  #icon-shanguangdeng_guanbi
- 活动
  #icon-activity
- 编辑
  #icon-bianji2
- 人民币
  #icon-rmb
- 购物车
  #icon-shopping-cart
- 条形码
  #icon-bar-code
- 邀请
  #icon-yaoqing
- 我的服务
  #icon-wodefuwu
- 设置
  #icon-shezhi
- 收藏
  #icon-shoucang1
- 千米币
  #icon-qianmibi1
- 右箭头
  #icon-youjiantou
- 发现
  #icon-faxian
- 我的
  #icon-wode
- 我的2
  #icon-wode1
- 工作台2
  #icon-gongzuotai1
- 工作台
  #icon-gongzuotai2
- 扫码
  #icon-saoma
- 信息
  #icon-xinxi
- 左箭头
  #icon-zuojiantou
- 搜索
  #icon-sousuo
- 选中
  #icon-xuanzhong
- 向下排序
  #icon-xiangxiapaixu
- 向上排序
  #icon-xiangshangpaixu
- 下拉展开
  #icon-xialazhankai
- 信息
  #icon-xinxi1
- 手机
  #icon-shouji
- 收藏
  #icon-shoucang
- 上涨
  #icon-shangzhang
- 下滑
  #icon-xiahua
- 中国银行
  #icon-01040000
- 金牌客户
  #icon-jinpaikehu1
- 付款记录
  #icon-payment-record
- 员工账号
  #icon-yuangongzhanghao
- 账号
  #icon-zhanghao
- 密码
  #icon-mima
- 下一步
  #icon-xiayibu
- 实名认证
  #icon-shimingrenzheng
- 企业认证
  #icon-qiyerenzheng
- 个人认证
  #icon-gerenrenzheng
- 提示
  #icon-tishi
- 充值
  #icon-chongzhi
- 提现
  #icon-tixian
- 在线分销
  #icon-zaixianfenxiao
- 插件应用
  #icon-chajianyingyong
- 会员服务
  #icon-huiyuanfuwu
- 第三方服务
  #icon-disanfangfuwu
- 列表
  #icon-liebiao
- 关闭
  #icon-guanbi
- 加载
  #icon-jiazai
- 新品开拍new-01
  #icon-xinpinkaipainew-
- 成功
  #icon-chenggong
- 失败
  #icon-shibai
- 网络链接失败
  #icon-wangluolianjieshibai
- 向上
  #icon-xiangshang
- 向右
  #icon-you
- 左
  #icon-zuo
- 减号
  #icon-jianhao
- 打印
  #icon-print
- 搜索
  #icon-sousuo1
- 购物车2
  #icon-gouwuche1
- 后台-类目管理
  #icon-category
- 发现-2
  #icon-faxian-
- 商城-地址
  #icon-shop-address
- 总调拨
  #icon-ccgl-diaobosunyi-8
- 系统通知
  #icon-system-informs
- 库存盘点
  #icon-ccgl-kucunpandian-3
- 购物车选中
  #icon-gouwuchexuanzhong
- 配送
  #icon-peisong
- 退货
  #icon-ccgl-tuihuoguanli-7
- 我的生意
  #icon-wodeshengyi1
- 我的商品
  #icon-wodeshangpin1
- 我的客户
  #icon-wodekehu1
- 我的团队
  #icon-wodetuandui1
- 销售业绩
  #icon-xiaoshouyeji1
- 客户资产
  #icon-kehuzichan1
- 营销
  #icon-yingxiao
- 建站
  #icon-jianzhan
- 物流
  #icon-wuliu
- 提醒
  #icon-tixing
- 会员资金
  #icon-huiyuanzijin
- 会员账单
  #icon-huiyuanzhangdan
- 会员积分
  #icon-huiyuanjifen
- 会员发票管理
  #icon-huiyuanfapiaoguanli
- 对账单
  #icon-duizhangdan
- 入库单
  #icon-rukudan
- 出库单
  #icon-chukudan
- 库存管理
  #icon-kucunguanli
- 数据统计
  #icon-shujutongji
- 仓库信息
  #icon-cangkuxinxi
- 设置图标
  #icon-setting
- 搜索
  #icon-search
- 采购单
  #icon-caigoudan
- 采购需求
  #icon-caigouxuqiu
- 供应商资料
  #icon-gongyingshangziliao
- 代客下单
  #icon-daikexiadan1
- 意向单列表
  #icon-yixiangdanliebiao
- 订单列表
  #icon-dingdanliebiao
- 代客退货
  #icon-daiketuihuo
- 退货申请单
  #icon-tuihuoshenqingdan
- 加载
  #icon-jiazai2
- 退货单列表
  #icon-tuihuodanliebiao
- 图库
  #icon-tuku
- 客户分析
  #icon-kehufenxi
- 我的目标
  #icon-wodemubiao
- 任务纪录
  #icon-renwujilu
- 预览
  #icon-yulan-copy
- 会员等级
  #icon-huiyuandengji
- 销售区域
  #icon-xiaoshouquyu
- 商城运营
  #icon-shangchengyunying
- 会计
  #icon-huiji
- 退货单
  #icon-tuihuodan1
- 设置
  #icon-shezhi1
- 意见反馈
  #icon-yijianfankui1
- 订购
  #icon-dinggou
- 团队管理
  #icon-tuanduiguanli
- 千米小二
  #icon-qianmixiaoer1
- 会员邀请
  #icon-huiyuanyaoqing1
- 收藏
  #icon-shoucang2
- 我的服务
  #icon-wodefuwu1
- 客户经理
  #icon-kehujingli
- 客户总监
  #icon-kehuzongjian
- 仓管
  #icon-cangguan1
- 导入
  #icon-import
- 客户趋势
  #icon-kehuqushi
- 酒水茶饮
  #icon-jiushuichayin-copy
- 生鲜水果
  #icon-fresh-copy
- 百货
  #icon-iconfontbaihuo-copy
- 食品
  #icon-shipin-copy
- 数码3c
  #icon-baojifuben2-copy
- 生鲜
  #icon-shengxian-copy
- 母婴
  #icon-muying-copy
- 化妆3
  #icon-huazhuang3-copy
- 西装
  #icon-xizhuang-copy
- 五金
  #icon-wujin-copy
- 家电
  #icon-jiadian-copy
- 汽车
  #icon-baoji-copy
- 医药箱
  #icon-yiyaoxiang-copy
- icon_文体活动
  #icon-iconwentihuodong-copy
- 更多
  #icon-msnui-more-copy
- 标签
  #icon-labelling
- 快
  #icon-kuai-copy
- 闭眼
  #icon-eyesclose-copy
- 选择
  #icon-xuanze
- 商机库_复制
  #icon-business-oppo-white
- 爱心
  #icon-love
- 固话
  #icon-guhua
- 代客下单
  #icon-daikexiadan2
- 注意
  #icon-warning_icon
- 松手更新
  #icon-songshougengxin
- 在线分销
  #icon-zaixianfenxiao1
- 在线商城
  #icon-zaixianshangcheng
- 操作成功
  #icon-caozuochenggong
- 操作提示
  #icon-caozuotishi
- 我的员工
  #icon-wodeyuangong
- 未选中
  #icon-weixuanzhong
- 货车
  #icon-trucks
- 商品列表
  #icon-shangpinliebiao
- 商品上下架
  #icon-shangpinshangxiajia
- 展示与分类
  #icon-zhanshiyufenlei
- 商品设价
  #icon-shangpinshejia
- 微信
  #icon-weixin1
- 朋友圈
  #icon-pengyouquan
- qq
  #icon-qq2
- 新浪
  #icon-xinlang
- 支付宝
  #icon-zhifubao1
- 二维码
  #icon-erweima1
- 复制链接
  #icon-fuzhilianjie
- 食品
  #icon-shipin
- 我的战绩
  #icon-wodezhanji
- 收派任务
  #icon-shoupairenwu
- 仓库
  #icon-warehouse
- qq空间
  #icon-qqkongjian
- 勾
  #icon-gou
- 支付
  #icon-pay
- 满减包邮
  #icon-manjianbaoyou
- 下箭头
  #icon-xiajiantou
- 收银
  #icon-cashier-role
- 导购
  #icon-daogou
- 基础
  #icon-tab-base
- 基础教学
  #icon-tab-base-teach
- 核心技术
  #icon-tab-technology
- 页面
  #icon-tab-display-page
- 个性
  #icon-tab-personality
- sale
  #icon-sale
- 微信
  #icon-weixin-line
- 团队管理
  #icon-team-management
- 退款
  #icon-tuikuan
- 编辑
  #icon-edit
- 供货商
  #icon-supplier
- 加粗 未选中
  #icon-editor-bold-uncheck
- 颜色选择
  #icon-editor-color
- 键盘
  #icon-editor-keyboard
- 老板任务
  #icon-boss-task
- 密码
  #icon-password
- 删除
  #icon-delete
- 赞
  #icon-praise-black
- 调拨
  #icon-scheduling
- 绑定
  #icon-bind
- 新增会员
  #icon-add-members
- 收款单
  #icon-collection-order
- 返回顶部
  #icon-back-top
- 社区店
  #icon-community-store
- 公益
  #icon-public-welfare
- 设备管理
  #icon-equipment-management
- 指纹
  #icon-fingerprint
- 待支付
  #icon-pending-payment
- 收银管理
  #icon-cashier-management
- 信息
  #icon-info
- wechat-pay
  #icon-wechat-pay
- shop-balance
  #icon-shop-balance
- stored-value-card
  #icon-yucunkuan
- 合作店铺
  #icon-cooperation-store
- 手电筒
  #icon-flashlight-open
- 新增商品
  #icon-add-goods
- 笑脸
  #icon-look-smile
- withdraw
  #icon-yue-chongzhi
- 车载库存
  #icon-car-stock
- 提货申请
  #icon-pick-apply
- 回库申请
  #icon-back-apply
- 更多
  #icon-more-first
- 更多-2
  #icon-more-second
- 待发货
  #icon-drop-shipping
- 刷新
  #icon-refresh
- 切换
  #icon-toggle
- 解绑
  #icon-unbind
- 可怜
  #icon-wretchedness
- 手电关
  #icon-flashlight-close
- 二维码1
  #icon-qr-code
- 链接
  #icon-link
- 售货机
  #icon-vending-machine
- 切换摄像头
  #icon-switching-camera
- 聚焦
  #icon-focus
- 闪光灯关闭
  #icon-flash-off
- 闪光灯
  #icon-flash-on
- 耐心等待
  #icon-wait-patiently
- 发表
  #icon-publish
- 爱心
  #icon-love-dark
- 审核
  #icon-audit
- 收藏
  #icon-collect
- 主题
  #icon-theme
- cash-coupon
  #icon-cash-coupon
- 订单状态
  #icon-order-status
- 客户
  #icon-client
- 公海池
  #icon-public-pool
- 私海池
  #icon-private-pool
- 商机库_选中
  #icon-business-oppo
- 销售作业单私海池-01
  #icon-operation-private
- 销售单私海池
  #icon-sales-private
- 退货单私海池
  #icon-back-sales-private
- 退货作业单私海池-01
  #icon-back-operation-private
- 合伙人
  #icon-partner
- 采购主管
  #icon-purchase-manager
- 推广奖励
  #icon-tuiguangjiangli1
- 推广奖励-选中
  #icon-promotion-rewards
- 首页
  #icon-home
- 采购单
  #icon-purchase-order
- 商品
  #icon-tab-goods
- 采购车
  #icon-tab-cart
- 设价
  #icon-set-price
- 短信
  #icon-message
- 全员开店
  #icon-open-shop
- 供货商
  #icon-supply_icon
- 库存盘点移动
  #icon-stock-taking
- 销售业绩-选中
  #icon-sales-performance
- 收益-选中
  #icon-earnings
- 发放千米币
  #icon-qianmi-currency
- 供货商切换
  #icon-swtich-supply
- 整单抹零
  #icon-maLing
- 整单折扣
  #icon-discount
- 首页-选中
  #icon-home-page
- 硬件
  #icon-hardware
- 收银_客显
  #icon-cashier
- 广告屏
  #icon-advertising-screen
- 打印机
  #icon-printer
- 拣货单
  #icon-picking
- 我的粉丝
  #icon-fans
- 关闭
  #icon-close
- 返回
  #icon-return
- 购物车
  #icon-cart-wx
- 订单
  #icon-order
- 切换
  #icon-switch
- 自助点单
  #icon-self-help-order
- 人脸识别-摄像头
  #icon-face-capture-camera
- 人脸识别-时机
  #icon-face-capture-time
- 人脸识别-光照
  #icon-face-capture-light
- 刷POS
  #icon-pos-machine
- 合作
  #icon-cooperation
- 小程序
  #icon-wx-program

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