# 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

## 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="icon-font icon-xxx"></i>

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