# IconFont 图标

- underline
  #icon-underline
- article
  #icon-article-1
- error
  #icon-error
- outdent
  #icon-outdent
- bold
  #icon-bold
- indent
  #icon-indent
- lock
  #icon-lock-fill
- user
  #icon-user-fill
- 余额宝
  #icon-money
- 国际汇款
  #icon-cashier
- sale
  #icon-sale
- Category
  #icon-menu-2
- success
  #icon-success-circle-with-incision
- wrong
  #icon-wrong-circle-with-incision
- friend
  #icon-friend
- map
  #icon-map
- 系统进程
  #icon-msnui-alive
- free 2
  #icon-free
- group
  #icon-group-1
- loading
  #icon-loading-3
- JUSTIFY ALL
  #icon-justifyall
- user
  #icon-user-fill-2
- italic
  #icon-italic
- add
  #icon-plus
- upload
  #icon-cloud-upload
- loading
  #icon-loading-2
- Tag star-18
  #icon-star-tag-stock
- eraser
  #icon-remove-format
- edit
  #icon-edit
- sync
  #icon-sync
- time
  #icon-time
- vip
  #icon-vip
- loading
  #icon-loading2
- lock
  #icon-lock-1
- success-icon
  #icon-success-circle
- bad
  #icon-dislike
- good
  #icon-like
- loading
  #icon-loading3
- 快递配送
  #icon-express
- 日志
  #icon-rizhi
- invite friends
  #icon-friend1-1
- right
  #icon-success
- link
  #icon-link1
- share
  #icon-share
- 礼物
  #icon-gift
- svg_group_people
  #icon-group-2
- ordered_list
  #icon-orderedlist
- 二维码
  #icon-qrcode-simple
- 待付款
  #icon-to-pay
- 银行卡
  #icon-finance-account
- warning
  #icon-warning
- 海报
  #icon-poster
- strikethrough
  #icon-strikethrough
- 购物车
  #icon-shopcart-1
- 购物车添加
  #icon-shopcart-add
- 垃圾箱
  #icon-dustbin
- 扫一扫
  #icon-scan
- 上翻
  #icon-arrow-up
- 收货地址
  #icon-address
- 刷新
  #icon-refresh
- 锁
  #icon-lock
- 提示
  #icon-prompt-circle
- 我的订单
  #icon-order-1
- 我的反馈
  #icon-wodefankui
- 我的红包
  #icon-wodehongbao
- role
  #icon-role
- 下翻
  #icon-arrow-down
- 眼睛
  #icon-eye
- 意见反馈
  #icon-yijianfankui
- 照相机
  #icon-zhaoxiangji
- 消息中心
  #icon-messages
- new
  #icon-new
- 已完成订单
  #icon-completed-order
- 导航
  #icon-navigation
- 多语言
  #icon-duoyuyan
- 个人
  #icon-user-circle
- 货币兑换
  #icon-huobiduihuan
- tree
  #icon-tree-1
- 图片
  #icon-tupian
- 系统返回
  #icon-arrow-left
- 系统菜单
  #icon-menu
- 当地
  #icon-location
- 分红方式
  #icon-rebate
- 多语言
  #icon-duoyuyan2
- 查分类
  #icon-category-2
- save
  #icon-save
- loading
  #icon-loading
- 选择角标
  #icon-corner
- setting
  #icon-setting
- 换货保障
  #icon-exchange
- 7
  #icon-7-day
- 免
  #icon-free-circle-with-incision
- 待付款
  #icon-to-pay-2
- 主页
  #icon-shop
- 卡1-01
  #icon-card
- cloud to upload-云上传
  #icon-upload
- 礼物
  #icon-liwu
- 语音
  #icon-voice
- message
  #icon-message-2
- 主页
  #icon-home
- group-profile-users
  #icon-group
- time
  #icon-createtime
- 回复
  #icon-reply
- 商品
  #icon-goods
- ico-back
  #icon-back
- 分销
  #icon-distribution-1
- 微信
  #icon-wechat
- 10210_setting_Edition
  #icon-edition
- money
  #icon-money-1
- treeView
  #icon-tree
- 商品_p
  #icon-goods-1
- calendar
  #icon-calendar
- 运费
  #icon-freight
- date
  #icon-date
- left
  #icon-arrow-left-circle
- right
  #icon-arrow-right-circle
- error
  #icon-error-circle
- bankcard
  #icon-bankcard1
- user
  #icon-user
- RMB
  #icon-rmb
- channel
  #icon-channel
- 添加规格
  #icon-specification
- prev
  #icon-prev
- next
  #icon-next
- undo
  #icon-undo
- angle-double-left
  #icon-angledoubleleft
- angle-double-right
  #icon-angledoubleright
- region
  #icon-region
- up
  #icon-up
- down
  #icon-down
- smile
  #icon-smile
- 提现
  #icon-withdraw
- 系统(2)
  #icon-system-1
- 证书
  #icon-certificate
- picture
  #icon-picture
- 微信公众号
  #icon-public-wechat
- dashboard-regular
  #icon-dashboard-1
- 囤货贷
  #icon-agent-order
- 交易
  #icon-transaction
- icon_net_cloud_download
  #icon-download
- contact
  #icon-contact
- 交易记录
  #icon-transaction-record
- 待付款
  #icon-to-pay-3
- 店铺
  #icon-shop-1
- 商品分类
  #icon-goods-category
- block
  #icon-format-block
- exit
  #icon-exit
- user
  #icon-user-1
- search
  #icon-search
- 订单
  #icon-order
- 分类
  #icon-category
- qr-code
  #icon-qrcode
- 二维码
  #icon-erweima1
- 服务
  #icon-service
- 模板管理
  #icon-template
- component
  #icon-component
- component-filling
  #icon-component-filling
- color
  #icon-color
- 正常返利订单
  #icon-rebate-order
- 已发货
  #icon-shipping
- color-filling
  #icon-color-filling
- Movie - Alt
  #icon-video
- Play
  #icon-play
- redo
  #icon-redo
- 交易总额
  #icon-total-transaction
- 我的卡券
  #icon-coupon
- 我的积分
  #icon-wodejifen
- hint
  #icon-hint
- angle-double-right
  #icon-angle-double-right
- ico_convenienceStore
  #icon-ico_convenienceStore
- ico_wallet
  #icon-wallet
- price
  #icon-price
- 工作台
  #icon-workbench
- back-up
  #icon-back-up
- 任务
  #icon-renwu
- message
  #icon-message-1
- system
  #icon-system
- 收货地址
  #icon-receive-address
- code
  #icon-code
- Tag star-18
  #icon-star-tag-fill
- icon-Power station system-Completion rate
  #icon-rate
- 套餐
  #icon-package
- cry
  #icon-cry
- Language
  #icon-language
- reduce
  #icon-reduce
- 08-属性
  #icon-property
- 个人资料
  #icon-profile-1
- 213收藏
  #icon-star-fill
- 213收藏-线性
  #icon-star-stock
- log
  #icon-log
- history
  #icon-history
- unordered-list
  #icon-unordered-list
- 设置
  #icon-set
- 硬件服务器
  #icon-hardware
- CPU
  #icon-cpu
- 内存条
  #icon-memory
- 服务器
  #icon-server
- 中间件
  #icon-midware
- play
  #icon-play-fill
- 数据库
  #icon-dataBase
- Movie
  #icon-movie
- View
  #icon-view
- 区域代理1
  #icon-area-agency
- 角色权限
  #icon-permission
- 我的工单
  #icon-myOrder
- 推广
  #icon-spread
- trust
  #icon-trust
- VIP
  #icon-vip-2
- 患者报告1
  #icon-report
- 每日计划1
  #icon-plan-circle
- 任务提醒1
  #icon-remind
- 数据统计1
  #icon-statistic
- 数据管理1
  #icon-data-manage
- 用户反馈1
  #icon-feedback
- vip
  #icon-vip-1
- 消息
  #icon-message
- 店铺
  #icon-dianpu
- 订单 待付款
  #icon-order-topay
- 订单集合
  #icon-orders
- 购物
  #icon-shopping
- 购物车
  #icon-shopcart
- 红包
  #icon-red-packet
- 帮助
  #icon-question-circle-with-incision
- 费用包含
  #icon-money-circle-with-incision
- 返回
  #icon-arrow-left-circle-with-incision
- 感叹号02
  #icon-promote-with-incision
- 更多
  #icon-more-circle-with-incision
- 会员
  #icon-member
- 加
  #icon-plus-circle-with-incision
- 减
  #icon-reduce-circle-with-incision
- 时间
  #icon-date-circle-with-incision
- 笑脸
  #icon-smile-circle-with-incision
- 正确
  #icon-right-circle-with-incision
- success
  #icon-success-circle-out
- icon银行卡管理
  #icon-bank-card
- 积分
  #icon-score
- 会员卡
  #icon-member-card
- Selected
  #icon-selected
- 口令
  #icon-key
- 握手，交易
  #icon-handshake
- icon-dashbord
  #icon-dashboard
- edit
  #icon-edit-circle
- task
  #icon-task
- folder
  #icon-folder
- Info
  #icon-info
- 退货保障
  #icon-return-goods
- table
  #icon-table
- link
  #icon-link2
- 成年人 男
  #icon-male
- 成年人 女
  #icon-female
- 个人资料
  #icon-profile
- 排列
  #icon-sort
- 排行
  #icon-rank
- articles2
  #icon-article
- Align-JustifyCenter
  #icon-justifycenter
- Align-JustifyLeft
  #icon-justifyleft
- Align-JustifyAll
  #icon-justifyfull
- Align-JustifyRight
  #icon-justifyright
- 素材
  #icon-material
- 待发货
  #icon-to-ship
- log-out
  #icon-logout
- menu
  #icon-menu-1
- Qr-code
  #icon-Qr-code
- Commodity collection
  #icon-collection
- menu
  #icon-menu-block
- tenant
  #icon-tenant
- arrow-double-right-o
  #icon-arrow-double-right-o
- arrow-double-left-o
  #icon-arrow-double-left-o
- 分销
  #icon-distribution
- bank_trasfer
  #icon-bank-trasfer

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