# IconFont 图标

- 日历
  .icon-panorama_time
- 引用
  .icon-yinyong
- 图片
  .icon-tupian
- 商店
  .icon-shangdian
- 用户组名称
  .icon-yonghuzumingcheng
- 42业务办理情况统计
  .icon-panorama_joinuser
- 43科室办理情况统计
  .icon-panorama_joindevice
- 商品
  .icon-shangpin
- 转化词
  .icon-hotword
- 订阅
  .icon-newsVerify
- 权限_角色
  .icon-access_user
- 词-禁
  .icon-sensitiveword
- 系统
  .icon-xitong
- 高级人才
  .icon-ydh
- undo
  .icon-undo
- H3
  .icon-h3
- H2
  .icon-h21
- H1
  .icon-H1
- 下拉
  .icon-dropdown
- 分类
  .icon-yidianhaoleibie
- redo
  .icon-redo
- 加载
  .icon-unie60e
- 报刊杂志
  .icon-yidianhaowenzhang
- 清空
  .icon-empty
- 轮播组图
  .icon-lunbozutu
- 圈子
  .icon-quanzi
- 归档
  .icon-recycleNews
- 帖子
  .icon-tiezi
- uniE6672
  .icon-unie6672
- untitled22
  .icon-untitled22
- uniE604
  .icon-unie604
- untitled144
  .icon-untitled144
- list-ol
  .icon-listol
- tab-edit-tab
  .icon-newsChannel1
- 积分-17
  .icon-score
- 圈子_line
  .icon-quanziline
- 日志
  .icon-piliangicon
- 项目-
  .icon-yidianhaotiaomu
- 点击
  .icon-dianji
- 粉丝
  .icon-fans
- radar chart
  .icon-radarchart
- 活动
  .icon-huodong
- list-ol
  .icon-paixu
- 新闻
  .icon-news
- 奖牌
  .icon-jiangpai
- 全屏
  .icon-quanping
- 应用客户端设置
  .icon-appclient
- 文字-01
  .icon-wenzi01
- 内容
  .icon-neirong
- 排序
  .icon-paixu1
- 新闻评论回复
  .icon-newsComment
- 部门
  .icon-bumen
- 品牌
  .icon-pinpai
- tab-unselected
  .icon-newsChannel
- 用户信息－线
  .icon-yonghuxinxixian
- APP
  .icon-panorama_app
- 人群－上网时段
  .icon-panorama_today
- 推送
  .icon-tuisong
- 钥匙
  .icon-yaochi
- 更新_updated
  .icon-gengxinupdated
- 版本
  .icon-panorama_version
- 班级信息修改
  .icon-wochuangjiande
- 地图
  .icon-ditu-copy-copy
- 精选
  .icon-jingxuan-copy
- 移除
  .icon-yichu
- 音频
  .icon-cf-c85
- join
  .icon-panorama_newboot
- 统计
  .icon-panorama
- APP
  .icon-panorama_device
- 轮播图组件
  .icon-lunbotuzujian
- 排序
  .icon-order
- 排序
  .icon-sort
- list-ul
  .icon-listul
- 安全中心
  .icon-anquanzhongxin
- 账户与权限
  .icon-zhanghuyuquanxian
- 链接
  .icon-lianjie
- 活跃数据
  .icon-panorama_action
- 初审
  .icon-yidianhaoshenhe
- 段落1
  .icon-duanluo1
- 角色权限
  .icon-jiaosequanxian0101
- central-alignment
  .icon-centralalignment
- left-alignment
  .icon-leftalignment
- right-alignment
  .icon-rightalignment
- 视频
  .icon-shipin
- 城市
  .icon-city
- 图片
  .icon-tupian1
- 手机截屏
  .icon-startpage
- 加粗
  .icon-bold
- 角色设定
  .icon-jiaosesheding
- 创建角色
  .icon-chuangjianjiaose
- 用户等级
  .icon-yidianhao
- 工作项
  .icon-gongzuoxiang
- icon_activity_pre
  .icon-iconactivitypre
- 斜体-im
  .icon-xietiim
- 获取icon
  .icon-grab
- 投稿
  .icon-draft
- 操作_文字
  .icon-caozuowenzi
- centering alignment
  .icon-centeringalignment
- 文本粘贴
  .icon-wenbenzhantie
- 下划线
  .icon-xiahuaxian
- 1频道
  .icon-channelpd-copy
- 部门
  .icon-bumen-copy
- 角色管理
  .icon-10106-copy
- H4
  .icon-h4
- 投稿
  .icon-tougao
- 修改密码
  .icon-updtpwd
- icon_radar
  .icon-leida
- 断开链接
  .icon-duankailianjie
- 清除样式
  .icon-xiangpica
- chart-radar
  .icon-chart-radar

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