IconFont 图标

• 图表 柱状图
  .icon-tubiaozhuzhuangtu
• 线
  .icon-xian
• 五角星
  .icon-star
• add
  .icon-add
• table
  .icon-table
• sort
  .icon-sort
• 定点
  .icon-dingdian01
• 正三角形
  .icon-zheng-triangle
• 定位
  .icon-dingwei
• 网格
  .icon-weibiaoti130
• 更多
  .icon-more
• sort
  .icon-sort1
• Return
  .icon-Return
• 线路
  .icon-xianlu
• zuobiao
  .icon-zuobiao
• 下载
  .icon-xiazai
• minimize
  .icon-uicon_minimize
• setting
  .icon-mzicon-setting
• 大于号
  .icon-dayuhao
• 大于号
  .icon-dayuhao1
• edit
  .icon-edit
• maximize
  .icon-maximize
• 折线图
  .icon-zhexiantu
• htb－Arrow right02
  .icon-right
• search
  .icon-xiaoxi-
• 43多边形-01-01
  .icon-duobianxing--
• 三角下标（正方形）
  .icon-arrLeft-fill-copy
• 保存
  .icon-hcm-save-copy
• screenshot
  .icon-screenshot
• 布局
  .icon-buju
• 图表-饼图
  .icon-tubiao-bingtu
• 指标
  .icon-zhibiao
• 更多
  .icon-gengduo
• 三角下标（正方形）
  .icon-arr-left
• satellite_fill
  .icon-satellite_fill
• search close
  .icon-close
• 对号
  .icon-duihao
• 花店-玫瑰-01
  .icon-huadian-meigui-
• 线路
  .icon-xianlu1
• 三角下标（正方形）
  .icon-arrRight-fill
• 眼睛_显示_o
  .icon-yanjing_xianshi_o
• 眼睛_隐藏_o
  .icon-yanjing_yincang_o
• 三角下标（正方形）
  .icon-arrLeft-fill
• add
  .icon-add1
• folder
  .icon-folder
• 标点、地点_2
  .icon-dingdian
• htb－Arrow right02
  .icon-slider-left
• icon_dingwei_m
  .icon-icon_dingwei_m
• icon_dingwei_mian
  .icon-icon_dingwei_mian
• AK-YK方块_fill
  .icon-yk_fangkuai_fill

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