# IconFont 图标

- 设置
  .icon-setting
- 窗口放大
  .icon-large-window
- 刷新
  .icon-refresh
- 多选
  .icon-checkbox-disable
- 刷新
  .icon-f5
- 向上箭头
  .icon-arrow-up
- 关闭
  .icon-close1
- 编辑
  .icon-edit1
- 编辑
  .icon-edit2
- 减少
  .icon-reduce
- 陌生人
  .icon-stranger
- 箭头
  .icon-jiantou
- 收藏
  .icon-collection
- 向下箭头
  .icon-arrow-down2
- 向上箭头
  .icon-arrow-up2
- 添加
  .icon-add
- 定位
  .icon-focusing
- 广播
  .icon-broadcast
- 单选
  .icon-radio-sel
- 问号
  .icon-query
- 消防栓分析
  .icon-xiaofangshuanfenxi
- 箭头
  .icon-jiantou-copy
- 下载
  .icon-download
- 复制
  .icon-copy
- 向下箭头
  .icon-arrow-down
- 继电器
  .icon-relay
- 回放
  .icon-playback
- 单选
  .icon-radio-disable
- 刷新
  .icon-shuaxin1
- 定位
  .icon-Location
- loading
  .icon-loading
- 雨刮
  .icon-wiper
- 更多
  .icon-more
- 日志
  .icon-rizhi
- 查看详情
  .icon-details
- 锁定
  .icon-suoding
- 报警
  .icon-baojing
- 权限管理
  .icon-jurisdiction
- 新增员工00
  .icon-people-add
- 车辆
  .icon-cheliang
- 导出
  .icon-export
- 网络管理
  .icon-network-man
- 机构
  .icon-organise
- 设备_电视墙
  .icon-tv-wall
- VIP用户感知监控
  .icon-vip
- 灯光
  .icon-lighting
- 尺寸
  .icon-ruler
- 用户管理
  .icon-user-man
- 单选
  .icon-radio
- 保存
  .icon-save
- 上移
  .icon-move-up1
- 概况
  .icon-survey
- 恢复默认
  .icon-default
- B-多选-未选中
  .icon-duoxuan
- loading
  .icon-loading2
- 多选（未全选）
  .icon-checkbox-un
- 学籍管理
  .icon-xuejiguanli
- 搜索-搜索
  .icon-sousuo-sousuo
- 多选
  .icon-checkbox-selected
- 电脑
  .icon-diannao
- 消防安防
  .icon-security
- 退出全屏
  .icon-exit-full-screen
- 本地配置
  .icon-local-config
- 存储
  .icon-cunchu
- 停用
  .icon-discontinue
- 恢复
  .icon-recovery
- 分享
  .icon-share
- 报警管理
  .icon-alarm-man
- 通道管理
  .icon-channel-man
- 配置
  .icon-diaoyong
- 右上
  .icon-youshang
- 右下
  .icon-youxia
- 左上
  .icon-zuoshang
- 左下
  .icon-zuoxia
- 下
  .icon-xia
- 右
  .icon-you
- 上
  .icon-shang
- 左
  .icon-zuo
- 成功
  .icon-success
- 失败
  .icon-fail
- 警告
  .icon-warning
- 错误
  .icon-error
- 对
  .icon-yes
- admin
  .icon-admin
- 帮助
  .icon-help
- 注销
  .icon-Cancellation
- 编辑
  .icon-edit
- 放大
  .icon-large
- 密码
  .icon-password
- 确认密码
  .icon-confirm-password
- 日历
  .icon-calendar
- 删除
  .icon-delete
- 重启
  .icon-restart
- 缩小
  .icon-small
- 退出
  .icon-sign-out
- 速度
  .icon-speed
- 全部停止
  .icon-stop-all
- 展开
  .icon-shrink
- 展开
  .icon-extend
- 下一页
  .icon-next-page
- 上一页
  .icon-previous-page
- 1比1
  .icon-1-1
- 4比3
  .icon-4-3
- 16比9
  .icon-16-9
- 伴音
  .icon-sound
- 播放
  .icon-play
- 对讲
  .icon-intercom
- 关闭伴音
  .icon-sound-close
- 关闭对讲
  .icon-intercom-clo
- 录像
  .icon-videotape
- 全屏
  .icon-full-screen
- 停止
  .icon-stop
- 停止预览
  .icon-preview-stop
- 显示模式
  .icon-display-scale
- 音量
  .icon-volume
- 预览
  .icon-preview
- 抓图
  .icon-screenshot
- 鸟瞰
  .icon-niaokan
- 自适应
  .icon-self-adaption
- 停止录像
  .icon-videotape-stop
- 码流切换
  .icon-stream-set
- 停
  .icon-stop-it
- 1倍速度
  .icon-1
- 8倍速度
  .icon-8
- 4倍速度
  .icon-4
- 2倍速度
  .icon-2
- 16倍速度
  .icon-16
- 二分之一倍速度
  .icon-1-2
- 八分之一倍速度
  .icon-1-8
- 四分之一倍速度
  .icon-1-4
- 十六分之一倍速度
  .icon-1-16
- 第四码流
  .icon-stream4
- 第一码流
  .icon-stream1
- 第二码流
  .icon-stream2
- 第三码流
  .icon-stream3
- 白名单
  .icon-whitelist
- 刷新
  .icon-shuaxin
- 黑名单
  .icon-blacklist
- 停止鸟瞰
  .icon-nk-close
- 单帧
  .icon-danzhen
- 暂停
  .icon-pause
- move-down
  .icon-move-down
- move-up
  .icon-move-up
- 图片
  .icon-image
- 提示
  .icon-info
- 返回上一级
  .icon-upper-level
- 排序默认
  .icon-sort
- 警员
  .icon-security1
- 巡检
  .icon-inspection
- 切换
  .icon-swap
- 功能
  .icon-gongneng
- 设备
  .icon-equipment
- 录像-回放
  .icon-recplayback
- 多画面
  .icon-multi-screen
- I帧
  .icon-Izhen
- 右声道
  .icon-channelright
- 左声道
  .icon-channelleft
- 声道选择
  .icon-channelsel
- 对比
  .icon-comparison
- 网格
  .icon-grid
- 错误
  .icon-danger
- 总用户
  .icon-people-sum
- 对比分析
  .icon-comparison2
- 战时出入口
  .icon-bimicons-
- patrol
  .icon-patrol
- yuntai
  .icon-yuntai
- 一键打开
  .icon-preview-all
- 员工
  .icon-yuangong
- 单帧退
  .icon-frame-retreat
- 单帧进
  .icon-frame-forward
- 快进
  .icon-fast-forward
- 快退
  .icon-fast-back
- 人
  .icon-ren
- 缩小
  .icon-narrow
- 放大
  .icon-enlarge
- 标记
  .icon-sign
- 下一级
  .icon-nextlower
- 导入
  .icon-import
- 停止全部预览
  .icon-preview-stopall
- 警待处理
  .icon-deal-alarm
- 历史查询
  .icon-history-query
- 摄像机-枪机
  .icon-video-gun
- 资源-报警输入
  .icon-alarm-input
- 资源-报警输出
  .icon-alarm-output
- 3d
  .icon-d
- 摄像机-半球
  .icon-video-ball-half
- 摄像机-球机
  .icon-video-ball
- 访客
  .icon-visitor
- 对比
  .icon-comparison1
- 布控
  .icon-dispatched
- 监控
  .icon-condition-monitoring
- 人员效率统计
  .icon-renyuanxiaoshuaitongji
- 车道偏离
  .icon-roadway
- 快速回放
  .icon-view-quick
- 静音
  .icon-mute
- 教师
  .icon-jiaoshi
- 数据统计
  .icon-shujutongji
- 路口
  .icon-intersection
- 重点关注
  .icon-focus
- 高级功能
  .icon-advanced-function
- 收藏
  .icon-shoucang
- 案件智能研判系统
  .icon-anjianzhinengyanpanxitong
- 时间设置
  .icon-shijianshezhi
- 产品信息
  .icon-product-info
- 网络管理
  .icon-network-manage
- 串口设置
  .icon-serialport-set
- 基本设置
  .icon-basic-set
- 调节器调节
  .icon-regulator
- 叠加信息设置
  .icon-superinfo-set
- 用户信息
  .icon-user-info
- 时间校对
  .icon-timing
- 测试
  .icon-test
- 激光变倍
  .icon-laser-zoom
- 初始化
  .icon-chushihua
- 一卡通 (1)
  .icon-yikatong
- 执行
  .icon-implement
- 全景
  .icon-video-pan
- 枪机
  .icon-video-gun2
- 摄像机-红外枪机
  .icon-video-gun1
- 报警趋势
  .icon-trend
- 报警配置
  .icon-alarm-config
- 报警管理
  .icon-alarm-admin
- 消防管理
  .icon-fire-admin
- 电视墙
  .icon-tvwall
- 电子地图
  .icon-electronic-map
- 资产管理
  .icon-assets-admin
- 统计分析
  .icon-statistical-analysis
- 柔和
  .icon-soft
- 标准
  .icon-standard
- 亮丽
  .icon-bright
- 显示编号
  .icon-number-display
- 隐藏编号
  .icon-number-hide
- 停止解码
  .icon-decode-stop
- 解码
  .icon-decode
- 停止全部解码
  .icon-decode-stopall
- 解码状态
  .icon-decoding-state
- 门禁管理
  .icon-access-admin
- 门禁分析
  .icon-access-analysis
- 左移
  .icon-move-left
- 右移
  .icon-move-right
- 轮巡
  .icon-polling
- 停止轮巡
  .icon-polling-stop
- 设备信息
  .icon-equipment-info
- 设备管理
  .icon-equipment-set
- 解码状态
  .icon-decode-state
- 全景顶装
  .icon-video-pan-top
- 全景壁装
  .icon-video-pan-wall
- 全景地装
  .icon-video-pan-land
- 全景显示
  .icon-panorama
- 180+180
  .icon-180-180
- 全景+ptz+180
  .icon-pan-ptz-180
- 4ptz
  .icon-4ptz
- 360
  .icon-360
- 全景+3ptz
  .icon-pan-3ptz
- 第五码流
  .icon-stream5
- 取消重点关注
  .icon-focus-stop
- 单兵执法
  .icon-soldier
- 在线巡课
  .icon-online-course
- 报警处理
  .icon-alarm-process
- 交通
  .icon-traffic
- 运维
  .icon-operation
- 师生
  .icon-teachers-students
- 录像管理
  .icon-videotape-man
- 交通管理
  .icon-traffic-man
- 在线巡课管理
  .icon-online-course-man
- 系统参数设置
  .icon-system-par-man
- 访客管理
  .icon-visitor-man
- 自动操作
  .icon-auto-control
- 手动操作
  .icon-manual-control
- 开始执行
  .icon-execute
- 停止执行
  .icon-execute-stop
- 显示器编号
  .icon-display-number
- 窗口编号
  .icon-window-number
- 选择输出
  .icon-selective-output
- 合并
  .icon-merge
- 拆分
  .icon-split
- 应用
  .icon-application
- 停止显示
  .icon-display-stop
- 获取变更
  .icon-get-change
- 设备-对讲
  .icon-equipment-talk
- 摄像机-半球-对讲
  .icon-video-ball-half-talk
- 摄像机-枪机-对讲
  .icon-video-gun-talk
- 摄像机-球机-对讲
  .icon-video-ball-talk
- 后端展开
  .icon-open
- 关门
  .icon-close-door
- 开门
  .icon-open-door
- 布防
  .icon-defence
- 撤防
  .icon-defence-stop

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

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