# IconFont 图标

- 银行卡
  .vip-bankcard_icon
- 包
  .vip-bag_icon
- 地址
  .vip-address_icon
- 确认
  .vip-affirm_icon
- 添加
  .vip-add_icon
- 条形图
  .vip-bar-chart_icon
- 相机
  .vip-camera_icon
- 购物车
  .vip-cart_icon
- 分类
  .vip-classify_icon
- 聊天
  .vip-conversation_icon
- 复制
  .vip-copy_icon
- 编辑
  .vip-edit_icon
- 删除
  .vip-dustbin_icon
- 礼物
  .vip-gift_icon
- 折线图
  .vip-line-chart_icon
- 喜欢
  .vip-love_icon
- 更多
  .vip-more_icon
- 密码
  .vip-password_icon
- 手机
  .vip-phone_icon
- 图片
  .vip-picture_icon
- 饼状图
  .vip-pie-chart_icon
- 赞
  .vip-praise_icon
- 减少
  .vip-reduce_icon
- 扫一扫
  .vip-richscan_icon
- 筛选
  .vip-screen_icon
- 分享
  .vip-share_icon
- 文本
  .vip-text_icon
- 商城
  .vip-store_icon
- 时间
  .vip-time_icon
- 转发
  .vip-transmit_icon
- 钱包
  .vip-wallet_icon
- 无线网
  .vip-wifi_icon
- 文件夹
  .vip-folder_icon
- 放大
  .vip-amplification_icon
- 日历
  .vip-calendar_icon
- 标签
  .vip-label_icon
- 好友列表
  .vip-linkman-contacts_ico
- 禁音
  .vip-mute_icon
- 播放
  .vip-play_icon
- 客服
  .vip-service_icon
- 刷新
  .vip-refresh_icon
- 订单
  .vip-order_icon
- 红包
  .vip-red-packet_icon
- 新闻
  .vip-news_icon
- 缩小
  .vip-shrink_icon
- 置顶
  .vip-stick_icon
- 录像
  .vip-video_icon
- 排序
  .vip-sort_icon
- 暂停
  .vip-suspend_icon
- 语音
  .vip-voice_icon
- 声音
  .vip-volume_icon
- 注意
  .vip-warning_icon
- 活动
  .vip-activity_icon
- 书籍
  .vip-book_icon
- 添加好友
  .vip-add-friends_icon
- 下载
  .vip-download_icon
- 电
  .vip-electricity_icon
- 表情
  .vip-emoji_icon
- 女
  .vip-female_icon
- 直播
  .vip-live_icon
- 男
  .vip-male_icon
- 列表
  .vip-list_icon
- 搜索
  .vip-search_icon
- 键盘
  .vip-keyboard_icon
- 会员
  .vip-member_icon
- 水
  .vip-water_icon
- 上传
  .vip-upload_icon
- 电脑
  .vip-computer_icon
- 邮件
  .vip-e-mail_icon
- 教育
  .vip-education_icon
- 奖章
  .vip-decoration_icon
- 大雨
  .vip-heavy-rain_icon
- 晴天
  .vip-fine_icon
- 暴雨
  .vip-intense-fall_icon
- 大雪
  .vip-heavy-snow_icon
- 会员卡
  .vip-membership-card_icon
- 奖牌
  .vip-medal_icon
- 中雨
  .vip-moderate-rain_icon
- 铅笔
  .vip-pan_icon
- 打印机
  .vip-printer_icon
- 阴天
  .vip-overcast-sky_icon
- 中雪
  .vip-moderate-snow_icon
- 温度
  .vip-thermometer_icon
- 小雨
  .vip-spit_icon
- 雷阵雨
  .vip-thundershower_icon
- 工具箱
  .vip-tool-cabinet_icon
- 奖杯
  .vip-trophy_icon
- 多云
  .vip-broken-sky_icon
- airplane_icon
  .vip-airplane_icon
- air_condition_icon
  .vip-air_condition_icon
- alarm_clock_icon
  .vip-alarm_clock_icon
- atm_icon
  .vip-atm_icon
- alarm_icon
  .vip-alarm_icon
- bank_icon
  .vip-bank_icon
- balance_scale_icon
  .vip-balance_scale_icon
- ban_barrage_icon
  .vip-ban_barrage_icon
- barrage_icon
  .vip-barrage_icon
- batch_processing_ico
  .vip-batch_processing_ico
- bath_towel_icon
  .vip-bath_towel_icon
- beverage_icon
  .vip-beverage_icon
- bedroom_icon
  .vip-bedroom_icon
- bike_icon
  .vip-bike_icon
- battery_charging_ico
  .vip-battery_charging_ico
- bathroom_icon
  .vip-bathroom_icon
- capsule_icon
  .vip-capsule_icon
- boat_icon
  .vip-boat_icon
- car_icon
  .vip-car_icon
- category_find_icon
  .vip-category_find_icon
- circulation_icon
  .vip-circulation_icon
- cold_icon
  .vip-cold_icon
- code_icon
  .vip-code_icon
- concentrate_icon
  .vip-concentrate_icon
- controller_icon
  .vip-controller_icon
- cup_icon
  .vip-cup_icon
- collect_icon
  .vip-collect_icon
- cpu_icon
  .vip-cpu_icon
- droplight_icon
  .vip-droplight_icon
- flashlight_icon
  .vip-flashlight_icon
- forbid_icon
  .vip-forbid_icon
- game_icon
  .vip-game_icon
- fruit_icon
  .vip-fruit_icon
- fitness_icon
  .vip-fitness_icon
- fire_hydrant_icon
  .vip-fire_hydrant_icon
- government_icon
  .vip-government_icon
- ice_box_icon
  .vip-ice_box_icon
- hotel_icon
  .vip-hotel_icon
- integral_icon
  .vip-integral_icon
- law_icon
  .vip-law_icon
- link_icon
  .vip-link_icon
- loading_icon
  .vip-loading_icon
- menu_icon
  .vip-menu_icon
- map_icon
  .vip-map_icon
- money_icon
  .vip-money_icon
- network_icon
  .vip-network_icon
- organization_icon
  .vip-organization_icon
- pet_icon
  .vip-pet_icon
- ppt_files_icon
  .vip-ppt_files_icon
- qr_code_icon
  .vip-qr_code_icon
- plug_icon
  .vip-plug_icon
- repeal_icon
  .vip-repeal_icon
- quit_icon
  .vip-quit_icon
- resource_icon
  .vip-resource_icon
- restaurant_icon
  .vip-restaurant_icon
- rule_icon
  .vip-rule_icon
- router_icon
  .vip-router_icon
- rocket_icon
  .vip-rocket_icon
- salary_icon
  .vip-salary_icon
- server_icon
  .vip-server_icon
- sd_card_icon
  .vip-sd_card_icon
- show_icon
  .vip-show_icon
- shield_icon
  .vip-shield_icon
- speed_icon
  .vip-speed_icon
- steamer_icon
  .vip-steamer_icon
- tablet_computer_icon
  .vip-tablet_computer_icon
- tailor_icon
  .vip-tailor_icon
- timer_icon
  .vip-timer_icon
- toy_icon
  .vip-toy_icon
- train_icon
  .vip-train_icon
- transition_icon
  .vip-transition_icon
- translate_icon
  .vip-translate_icon
- tree_icon
  .vip-tree_icon
- tv_icon
  .vip-tv_icon
- u_disk_icon
  .vip-u_disk_icon
- umbrella_icon
  .vip-umbrella_icon
- wait_sending_icon
  .vip-wait_sending_icon
- warehouse_icon
  .vip-warehouse_icon
- watermelon_icon
  .vip-watermelon_icon
- wireframe_icon
  .vip-wireframe_icon
- word_files_icon
  .vip-word_files_icon
- workbench_icon
  .vip-workbench_icon
- 编辑
  .vip-bianji1
- 安全
  .vip-anquan
- 撤销
  .vip-chexiao
- 笔记本
  .vip-bijiben
- 茶杯
  .vip-chabei
- 待发货
  .vip-daifahuo
- 待付款
  .vip-daifukuan
- 待收货
  .vip-daishouhuo
- 点赞
  .vip-dianzan
- 电脑
  .vip-diannao
- 电话
  .vip-dianhua
- 定位
  .vip-dingwei
- 返回
  .vip-fanhui1
- 返回2
  .vip-fanhui2
- 分类
  .vip-fenlei
- 分类2
  .vip-fenlei1
- 返现
  .vip-fanxian
- 分享
  .vip-fenxiang1
- 分享2
  .vip-fenxiang2
- 个人
  .vip-geren
- 工具箱
  .vip-gongjuxiang
- 更多2
  .vip-gengduo
- 购物
  .vip-gouwu
- 购物车
  .vip-gouwuche
- 更多
  .vip-gengduo1
- 关闭
  .vip-guanbi1
- 关闭2
  .vip-guanbi2
- 关闭3
  .vip-guanbi3
- 减少
  .vip-jianshao
- 减少2
  .vip-jianshao1
- 客服
  .vip-kefu
- 链接
  .vip-lianjie
- 计时
  .vip-jishi
- 礼物
  .vip-liwu
- 列表2
  .vip-liebiao1
- 排行
  .vip-paihang
- 列表
  .vip-liebiao2
- 热门
  .vip-remen
- 删除
  .vip-shanchu1
- 上传
  .vip-shangchuan
- 日历
  .vip-rili
- 上一步
  .vip-shangyibu
- 收藏2
  .vip-shoucang1
- 设置
  .vip-shezhi1
- 收藏
  .vip-shoucang2
- 视频
  .vip-shipin1
- 手机
  .vip-shouji
- 书
  .vip-shu
- 搜索
  .vip-sousuo
- 提示
  .vip-tishi3
- 锁
  .vip-suo
- 天气
  .vip-tianqi
- 添加2
  .vip-tianjia1
- 通知
  .vip-tongzhi
- 退款
  .vip-tuikuan
- 文件
  .vip-wenjian1
- 团队
  .vip-tuandui
- 通知2
  .vip-tongzhi1
- 添加
  .vip-tianjia2
- 文件2
  .vip-wenjian2
- 文章
  .vip-wenzhang
- 问题
  .vip-wenti
- 下载
  .vip-xiazai
- 问题2
  .vip-wenti1
- 相机
  .vip-xiangji
- 消息
  .vip-xiaoxi
- 消息2
  .vip-xiaoxi1
- 信封
  .vip-xinfeng
- 信息
  .vip-xinxi
- 循环
  .vip-xunhuan
- 音乐
  .vip-yinle
- 音量
  .vip-yinliang
- 账单
  .vip-zhangdan
- 优惠券2
  .vip-youhuiquan
- 照片
  .vip-zhaopian
- 正确
  .vip-zhengque
- 优惠券
  .vip-youhuiquan1
- 正确2
  .vip-zhengque1
- 主页
  .vip-zhuye
- 文件
  .vip-wenjian
- 文件夹
  .vip-wenjianjia
- 新文件夹
  .vip-xinwenjianjia
- 开文件夹
  .vip-kaiwenjianjia
- 列表
  .vip-liebiao
- 范例
  .vip-fanli
- 模版
  .vip-moban
- 业务
  .vip-yewu
- 集合
  .vip-jihe
- 可见
  .vip-kejian
- 关联
  .vip-guanlian
- 数据
  .vip-shuju
- 新数据
  .vip-xinshuju
- 新建文件
  .vip-xinjianwenjian
- 文件类型
  .vip-wenjianleixing
- 云存储
  .vip-yuncunchu
- 日志
  .vip-rizhi
- 不可见
  .vip-bukejian
- 发布
  .vip-fabu
- 预警
  .vip-yujing
- 预览
  .vip-yulan
- 线上
  .vip-xianshang
- 测试
  .vip-ceshi
- 暂停
  .vip-zanting
- 停止
  .vip-tingzhi
- 播放
  .vip-bofang
- 新用户
  .vip-xinyonghu
- 用户
  .vip-yonghu
- 用户编辑
  .vip-yonghubianji
- 保存
  .vip-baocun
- 设置
  .vip-shezhi
- 编辑
  .vip-bianji
- 删除
  .vip-shanchu
- 关闭
  .vip-guanbi
- 粘贴
  .vip-niantie
- 复制
  .vip-fuzhi
- 退出
  .vip-tuichu
- 续费
  .vip-xufei
- 另存为
  .vip-lingcunwei
- 添加
  .vip-tianjia
- 手机解绑
  .vip-shoujijiebang
- 手机绑定
  .vip-shoujibangding
- 备案
  .vip-beian
- 首页
  .vip-shouye
- 剪切
  .vip-jianqie
- 放大镜
  .vip-fangdajing
- 放大
  .vip-fangda
- 导出
  .vip-daochu
- 导入
  .vip-daoru
- 时间
  .vip-shijian
- 日期
  .vip-riqi
- 时间日期
  .vip-shijianriqi
- 解锁
  .vip-jiesuo
- 锁定
  .vip-suoding
- 返回
  .vip-fanhui
- 刷新
  .vip-shuaxin
- 移动
  .vip-yidong
- 筛选
  .vip-shaixuan
- 安装包
  .vip-anzhuangbao
- 分享
  .vip-fenxiang
- 喜欢
  .vip-xihuan
- 收藏
  .vip-shoucang
- 邮件
  .vip-youjian
- 位置
  .vip-weizhi
- 社区
  .vip-shequ
- 反馈
  .vip-fankui
- 管理员
  .vip-guanliyuan
- 表格
  .vip-biaoge
- 仪表板
  .vip-yibiaoban
- 数据表
  .vip-shujubiao
- 数据集
  .vip-shujuji
- 演示
  .vip-yanshi
- 柱状图
  .vip-zhuzhuangtu
- 折线图
  .vip-zhexiantu
- 散点图
  .vip-sandiantu
- 大饼图
  .vip-dabingtu
- 地图
  .vip-ditu
- 关系图
  .vip-guanxitu
- 图层
  .vip-tuceng
- 设计
  .vip-sheji
- 左对齐
  .vip-zuoduiqi
- 右对齐
  .vip-youduiqi
- 上对齐
  .vip-shangduiqi
- 下对齐
  .vip-xiaduiqi
- 垂直居中
  .vip-chuizhijuzhong
- 水平居中
  .vip-shuipingjuzhong
- 横向平分
  .vip-hengxiangpingfen
- 纵向平分
  .vip-zongxiangpingfen
- 上移一层
  .vip-shangyiyiceng
- 下移一层
  .vip-xiayiyiceng
- 底层
  .vip-diceng
- 顶层
  .vip-dingceng
- 英文
  .vip-yingwen
- 中文
  .vip-zhongwen
- loading
  .vip-loading
- 对
  .vip-dui
- 错
  .vip-cuo
- 感叹号
  .vip-gantanhao
- 问号
  .vip-wenhao
- 提示1
  .vip-tishi
- 回滚
  .vip-huigun
- 密钥
  .vip-miyue
- 旗子
  .vip-qizi
- 图钉
  .vip-tuding
- 云上传
  .vip-yunshangchuan
- 云下载
  .vip-yunxiazai
- 列表展开
  .vip-liebiaozhankai
- 返回旧版
  .vip-fanhuijiuban
- 新手引导
  .vip-xinshouyindao
- 耳麦
  .vip-ermai
- 列表收起
  .vip-liebiaoshouqi
- 资讯
  .vip-zixun
- 电源
  .vip-dianyuan
- 传输
  .vip-chuanshu
- 开发
  .vip-kaifa
- 灯泡
  .vip-dengpao
- 配置
  .vip-peizhi
- 在线
  .vip-zaixian
- 指标
  .vip-zhibiao
- 虫子
  .vip-chongzi
- API
  .vip-API
- A-B
  .vip-A-B
- 接口
  .vip-jiekou
- 总图
  .vip-zongtu
- 下钻
  .vip-xiazuan
- 订阅
  .vip-dingyue
- 查询
  .vip-chaxun
- 清洗
  .vip-qingxi
- 监控
  .vip-jiankong
- 视频
  .vip-shipin
- 过滤
  .vip-guolv
- 障碍
  .vip-zhangai
- 提示2
  .vip-tishi2
- 扫描
  .vip-saomiao

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

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