# IconFont 图标

- 编译
  .amosicon-compile
- 下一页
  .amosicon-next-page
- 左上
  .amosicon-arrow-left-top-thin
- favorite
  .amosicon-favorite1
- left
  .amosicon-left
- 用户
  .amosicon-user1
- 邮箱
  .amosicon-youxiang
- 上一页
  .amosicon-pre-page
- 下拉
  .amosicon-xiala
- 添加
  .amosicon-add2
- list
  .amosicon-list-dot
- delete
  .amosicon-delete
- 退出
  .amosicon-tuichu
- 文件上传
  .amosicon-file-upload-2
- 注销
  .amosicon-zhuxiao4
- 邮箱
  .amosicon-youxiang1
- 单位
  .amosicon-danwei
- 刷新
  .amosicon-refresh
- 更多
  .amosicon-gengduo
- down
  .amosicon-down
- chart pie
  .amosicon-pie-chart
- user
  .amosicon-user
- picture
  .amosicon-picture
- 视频
  .amosicon-video1
- folder
  .amosicon-folder
- selected
  .amosicon-selected
- ViewGallery
  .amosicon-viewgallery
- Select all
  .amosicon-selectall
- list
  .amosicon-list1
- eye
  .amosicon-eye
- right
  .amosicon-right
- up
  .amosicon-up
- 视频播放
  .amosicon-shipinbofang
- 消息
  .amosicon-xiaoxi
- 选中
  .amosicon-xuanzhong
- 消息
  .amosicon-message
- area-chart
  .amosicon-area-chart
- 添加
  .amosicon-tianjia2
- 视频
  .amosicon-shipin
- python
  .amosicon-python
- 声音
  .amosicon-shengyin
- 消息
  .amosicon-xiaoxi2
- question
  .amosicon-question
- auto
  .amosicon-auto
- task
  .amosicon-task
- atm-away
  .amosicon-atmaway
- cross
  .amosicon-cross
- fire
  .amosicon-fire-fat
- 工具
  .amosicon-tools-2
- 消息
  .amosicon-message-1
- pin
  .amosicon-pin
- 文件夹
  .amosicon-wenjianjia
- full-screen
  .amosicon-full-screen
- 消息
  .amosicon-tubiao15
- 上传视频
  .amosicon-shangchuanshipin
- warning
  .amosicon-warning
- 上传文件
  .amosicon-file-upload-3
- application
  .amosicon-application-1
- link
  .amosicon-link
- menu-unfold
  .amosicon-fat-menu-unfold
- menu-fold
  .amosicon-fat-menu-fold
- 选中
  .amosicon-xuanzhong1
- 规范
  .amosicon-guifan
- bars
  .amosicon-bars
- bms_脚手架_库存
  .amosicon-scaffold-store
- 更多
  .amosicon-angle-more
- 脚手架管理
  .amosicon-scaffold
- notification
  .amosicon-notification
- picture
  .amosicon-picture1
- save
  .amosicon-save
- file
  .amosicon-file
- 放大
  .amosicon-zoom-in
- success
  .amosicon-success
- new-window
  .amosicon-window
- 移除
  .amosicon-remove
- 选中
  .amosicon-xuanzhong2
- 注销
  .amosicon-zhuxiao
- arrow-down-right
  .amosicon-down-right-arrow
- folder-open
  .amosicon-folder-open
- tree
  .amosicon-tree
- warning
  .amosicon-danger
- phone
  .amosicon-phone
- 帮助
  .amosicon-help
- 回到顶部
  .amosicon-huidaodingbu
- subdirectory_arrow_right
  .amosicon-entry-sub-graph
- 添加
  .amosicon-tianjia1
- rightBottom_02
  .amosicon-right-bottom
- 视频播放
  .amosicon-shipinbofang1
- 选中
  .amosicon-check
- 退出
  .amosicon-exit-3d
- 指南
  .amosicon-zhinan
- list
  .amosicon-list11
- 选中
  .amosicon-xuanzhong3
- WorkflowDesign
  .amosicon-workflow-design
- WorkflowMonitoring
  .amosicon-workflow-monitor
- task
  .amosicon-task-2
- wxb报表
  .amosicon-wxbbaobiao
- wxb工具
  .amosicon-wxbgongju
- wxb搜索推广
  .amosicon-wxbsousuotuiguang
- wxb定位
  .amosicon-wxbdingwei
- setting
  .amosicon-setting
- favorite
  .amosicon-favorite
- icon-toTop
  .amosicon-icontotop
- copy
  .amosicon-copy
- 更多
  .amosicon-gengduo-copy
- 操作指南
  .amosicon-caozuo
- test
  .amosicon-test
- 标签1
  .amosicon-label
- 移除
  .amosicon-yichu
- 工具
  .amosicon-tools
- 首页-首页
  .amosicon-shouye1
- 注销
  .amosicon-zhuxiao1
- 回到顶部
  .amosicon-huidaodingbu1
- home
  .amosicon-home
- close
  .amosicon-close
- 是的_right149
  .amosicon-down-right
- ok
  .amosicon-ok
- 首页
  .amosicon-shouye
- 上传文件
  .amosicon-file-upload
- 退出
  .amosicon-exit-fat
- tree
  .amosicon-tree1
- setting
  .amosicon-setting1
- 回到顶部
  .amosicon-huidaodingbu2
- 视频
  .amosicon-shipin1
- info
  .amosicon-info
- toTop
  .amosicon-totop
- paper-clip
  .amosicon-paper-clip
- play-video-button
  .amosicon-playvideobutton
- file
  .amosicon-file-lef
- 字符
  .amosicon-char
- 选中
  .amosicon-xuanzhong4
- task
  .amosicon-task-1
- 上传文件
  .amosicon-shangchuanwenjian
- 订单关闭
  .amosicon-dingdanguanbi
- 上传视频
  .amosicon-video-upload
- 声音
  .amosicon-voice
- 指引
  .amosicon-zhiyin
- icon_menu_fold_30x30
  .amosicon-sim-menu-fold
- 选中
  .amosicon-selected-1
- 说明
  .amosicon-shuoming
- hot
  .amosicon-hot
- 打包
  .amosicon-dabao
- history
  .amosicon-history
- html
  .amosicon-html-copy
- icon_menu_unfold_30x30
  .amosicon-sim-menu-unfold
- 入门篇
  .amosicon-rumenpian
- 环境
  .amosicon-huanjing
- data
  .amosicon-data
- 通用类_添加视图
  .amosicon-add-sub-view
- 定制
  .amosicon-dingzhi
- error
  .amosicon-error
- 选中
  .amosicon-xuanzhong7
- 移除
  .amosicon-yichu1
- 更多
  .amosicon-gengduo1
- edit
  .amosicon-edit
- folder-close
  .amosicon-folder-close
- 皮肤
  .amosicon-skin
- workflow
  .amosicon-workflow
- tree
  .amosicon-single-tree
- good
  .amosicon-good
- template
  .amosicon-template
- 减号
  .amosicon-jianhao
- themeisle
  .amosicon-themeisle
- 资源借用
  .amosicon-ziyuanjieyong
- npm
  .amosicon-npm
- 左箭头
  .amosicon-arrow-left
- 返回
  .amosicon-fanhui
- 列-表
  .amosicon-list
- 向下 Down 1000
  .amosicon-i-down
- 更多
  .amosicon-gengduo2
- 业务
  .amosicon-business
- 工程管理
  .amosicon-prj-mgmt
- ray
  .amosicon-ray
- 三道杠无填充
  .amosicon-sandaogangwutianchong
- 上传视频
  .amosicon-shangchuanshipin2
- desktop on-line statistics
  .amosicon-online-check
- 返回
  .amosicon-fanhui1
- file-tree
  .amosicon-file-tree
- 穿梭框
  .amosicon-chuansuokuang
- eye-o
  .amosicon-eye-o
- sass
  .amosicon-sass
- qr-code
  .amosicon-qr-code
- 关闭-半角
  .amosicon-guanbi
- 移除
  .amosicon-jinrongtubiao_yichu
- ruby
  .amosicon-ruby
- 退出
  .amosicon-exit
- 报警
  .amosicon-alarm-tip-single
- chart-bar
  .amosicon-bar-chart
- 工具
  .amosicon-tools-1
- 移除
  .amosicon-yichu2
- 定制
  .amosicon-dingzhi1
- 详情consult
  .amosicon-tuwen_ic_data
- menu-unfold
  .amosicon-thin-menu-unfold
- 规范
  .amosicon-standard
- success
  .amosicon-success-single
- 环境
  .amosicon-env
- 符号-文档
  .amosicon-wendang
- history
  .amosicon-history-logs
- 基 础管理
  .amosicon-basic-coms
- 添加数据源
  .amosicon-database
- 隐藏列
  .amosicon-hide
- edit
  .amosicon-bianji
- input
  .amosicon-luru
- enty-out-storage
  .amosicon-querenchuku
- setting
  .amosicon-shezhi
- 注销
  .amosicon-zhuxiao2
- 定制
  .amosicon-dingzhi2
- vue
  .amosicon-vuejs
- 表格
  .amosicon-i-table
- cancel
  .amosicon-cancel
- java
  .amosicon-java
- 更新日志
  .amosicon-update-log
- 报警
  .amosicon-alarm-tip
- 基础
  .amosicon-basic
- 注销
  .amosicon-zhuxiao3
- template
  .amosicon-template-copy
- appStore
  .amosicon-appstore
- video
  .amosicon-video
- 入库
  .amosicon-ccgl-rukuyugao-8
- 出库
  .amosicon-ccgl-chukucaozuo-13
- html
  .amosicon-html
- 选中
  .amosicon-angle-selected
- Application
  .amosicon-application
- 收 藏
  .amosicon-collection
- 指引
  .amosicon-zhiyin1
- 信封
  .amosicon-xinfeng
- 图表
  .amosicon-tubiao
- 单位
  .amosicon-danwei1
- 卡片
  .amosicon-card
- Webpack
  .amosicon-webpack-1
- code
  .amosicon-code-hide
- password
  .amosicon-password
- 条纹码 条形码 条码
  .amosicon-bar-code
- close
  .amosicon-close-circle
- fire
  .amosicon-fire-thin
- 数据表格2
  .amosicon-data-table
- code
  .amosicon-code-show
- enzyme
  .amosicon-enzyme
- 回到顶部
  .amosicon-huidaodingbu-copy
- 视频上传
  .amosicon-shipinshangchuan
- js
  .amosicon-js
- 减
  .amosicon-minus-square
- 右箭头
  .amosicon-arrow-right
- 检查
  .amosicon-jiancha
- 右下箭头
  .amosicon-right-bottom-arrow
- table
  .amosicon-table
- gulp
  .amosicon-gulp
- react
  .amosicon-react
- sass
  .amosicon-sass-1
- 左上箭头
  .amosicon-arrow-left-top
- tags
  .amosicon-tags
- 组件库
  .amosicon-component-lib
- add
  .amosicon-add
- initiate-assistance
  .amosicon-initiate-assistance
- 维修记录
  .amosicon-weixiujilu
- 火
  .amosicon-fire
- 交互
  .amosicon-jiaohu-1
- 交互随即查询
  .amosicon-jiaohu
- 公文范例库
  .amosicon-store
- postcss
  .amosicon-postcss
- webpack
  .amosicon-webpack
- 新增知识库
  .amosicon-add-knowledge
- 重命名
  .amosicon-re-edit
- 操作指南
  .amosicon-guide
- 交互图标
  .amosicon-hudong
- 右上
  .amosicon-arrow-right-top-fat
- caret-right
  .amosicon-caret-right
- 首页
  .amosicon-home-1
- menu fold
  .amosicon-thin-menu-fold
- 业务
  .amosicon-biz
- list
  .amosicon-list-rect
- table
  .amosicon-table-1
- react
  .amosicon-react-1
- 右斜上箭头
  .amosicon-arrow-right-top
- more
  .amosicon-number-more
- 文档
  .amosicon-doc
- 开发环境
  .amosicon-develop-env-1
- 日期
  .amosicon-date
- 开发环境
  .amosicon-develop-env
- search
  .amosicon-search
- 缩小
  .amosicon-zoom-out
- 井
  .amosicon-number
- qr-code
  .amosicon-qr-code1
- open-in-new
  .amosicon-open-in-new

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

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