# IconFont 图标

- 
  日历
  &#xea16;
- 
  引用
  &#xeb09;
- 
  图片
  &#xeb17;
- 
  商店
  &#xea01;
- 
  用户组名称
  &#xea36;
- 
  42业务办理情况统计
  &#xea18;
- 
  43科室办理情况统计
  &#xea19;
- 
  商品
  &#xe998;
- 
  转化词
  &#xea42;
- 
  订阅
  &#xea26;
- 
  权限_角色
  &#xea1d;
- 
  词-禁
  &#xea43;
- 
  系统
  &#xea1c;
- 
  高级人才
  &#xeaa1;
- 
  undo
  &#xeb01;
- 
  H3
  &#xeb07;
- 
  H2
  &#xeb06;
- 
  H1
  &#xeb05;
- 
  下拉
  &#xea0b;
- 
  分类
  &#xea2e;
- 
  redo
  &#xeb02;
- 
  加载
  &#xea23;
- 
  报刊杂志
  &#xea30;
- 
  清空
  &#xea0d;
- 
  轮播组图
  &#xea06;
- 
  圈子
  &#xe991;
- 
  归档
  &#xea24;
- 
  帖子
  &#xe995;
- 
  uniE6672
  &#xe996;
- 
  untitled22
  &#xe993;
- 
  uniE604
  &#xe932;
- 
  untitled144
  &#xea04;
- 
  list-ol
  &#xeb11;
- 
  tab-edit-tab
  &#xea27;
- 
  积分-17
  &#xea44;
- 
  圈子_line
  &#xe992;
- 
  日志
  &#xea08;
- 
  项目-
  &#xea2f;
- 
  点击
  &#xea45;
- 
  粉丝
  &#xea46;
- 
  radar chart
  &#xea50;
- 
  活动
  &#xe999;
- 
  list-ol
  &#xea03;
- 
  新闻
  &#xea2a;
- 
  奖牌
  &#xea1b;
- 
  全屏
  &#xeb24;
- 
  应用客户端设置
  &#xea40;
- 
  文字-01
  &#xe6bf;
- 
  内容
  &#xe994;
- 
  排序
  &#xea0e;
- 
  新闻评论回复
  &#xea29;
- 
  部门
  &#xea34;
- 
  品牌
  &#xea02;
- 
  tab-unselected
  &#xea28;
- 
  用户信息－线
  &#xea07;
- 
  APP
  &#xea1a;
- 
  人群－上网时段
  &#xea12;
- 
  推送
  &#xea52;
- 
  钥匙
  &#xea09;
- 
  更新_updated
  &#xea21;
- 
  版本
  &#xea14;
- 
  班级信息修改
  &#xea38;
- 
  地图
  &#xe997;
- 
  精选
  &#xea05;
- 
  移除
  &#xea0a;
- 
  音频
  &#xeb20;
- 
  join
  &#xea13;
- 
  统计
  &#xea15;
- 
  APP
  &#xea17;
- 
  轮播图组件
  &#xea39;
- 
  排序
  &#xea0c;
- 
  排序
  &#xea10;
- 
  list-ul
  &#xeb10;
- 
  安全中心
  &#xeb23;
- 
  账户与权限
  &#xea32;
- 
  链接
  &#xeb21;
- 
  活跃数据
  &#xea11;
- 
  初审
  &#xea31;
- 
  段落1
  &#xeaa2;
- 
  角色权限
  &#xea1f;
- 
  central-alignment
  &#xea53;
- 
  left-alignment
  &#xea54;
- 
  right-alignment
  &#xea55;
- 
  视频
  &#xeb19;
- 
  城市
  &#xea25;
- 
  图片
  &#xeb18;
- 
  手机截屏
  &#xea41;
- 
  加粗
  &#xeb13;
- 
  角色设定
  &#xea1e;
- 
  创建角色
  &#xea22;
- 
  用户等级
  &#xea2d;
- 
  工作项
  &#xea20;
- 
  icon_activity_pre
  &#xeb12;
- 
  斜体-im
  &#xeb14;
- 
  获取icon
  &#xea2c;
- 
  投稿
  &#xea2b;
- 
  操作_文字
  &#xeb16;
- 
  centering alignment
  &#xea56;
- 
  文本粘贴
  &#xeb04;
- 
  下划线
  &#xeb15;
- 
  1频道
  &#xea33;
- 
  部门
  &#xea37;
- 
  角色管理
  &#xea35;
- 
  H4
  &#xeb08;
- 
  投稿
  &#xea47;
- 
  修改密码
  &#xea48;
- 
  icon_radar
  &#xea49;
- 
  断开链接
  &#xeb22;
- 
  清除样式
  &#xeb03;
- 
  chart-radar
  &#xea51;

## unicode引用

unicode是字体在网页端最原始的应用方式，特点是：

- 兼容性最好，支持ie6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。

> 注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式

unicode使用步骤如下：

### 第一步：拷贝项目下面生成的font-face

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.eot');
      src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
    }

### 第二步：定义使用iconfont的样式

    .iconfont{
      font-family:"iconfont" !important;
      font-size:16px;font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
    }

### 第三步：挑选相应图标并获取字体编码，应用于页面

    <i class="iconfont">&#x33;</i>

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