# IconFont 图标

- 
  账户
  &#xe600;
- 
  back
  &#xe697;
- 
  Category
  &#xe699;
- 
  comments
  &#xe69b;
- 
  delete
  &#xe69d;
- 
  edit
  &#xe69e;
- 
  favorite
  &#xe6a0;
- 
  form
  &#xe6a2;
- 
  help
  &#xe6a3;
- 
  information
  &#xe6a4;
- 
  less
  &#xe6a5;
- 
  more_unfold
  &#xe6a6;
- 
  more
  &#xe6a7;
- 
  pic
  &#xe6a8;
- 
  QRCode
  &#xe6a9;
- 
  refresh
  &#xe6aa;
- 
  search
  &#xe6ac;
- 
  set
  &#xe6ae;
- 
  success
  &#xe6b1;
- 
  ViewGallery
  &#xe6b4;
- 
  Viewlist
  &#xe6b5;
- 
  wrong
  &#xe6b7;
- 
  add
  &#xe6b9;
- 
  github
  &#xe7ab;
- 
  remind
  &#xe6bc;
- 
  attachment
  &#xe6c0;
- 
  discount
  &#xe6c5;
- 
  gifts
  &#xe6db;
- 
  lights
  &#xe6de;
- 
  jewelry
  &#xe6e4;
- 
  link
  &#xe6f7;
- 
  text
  &#xe6fc;
- 
  remind
  &#xe713;
- 
  download
  &#xe714;
- 
  file-audio
  &#xe6ad;
- 
  bad
  &#xe716;
- 
  good
  &#xe717;
- 
  信封
  &#xe614;
- 
  错号
  &#xe60f;
- 
  对号
  &#xe610;
- 
  微信
  &#xe7e5;
- 
  QQ
  &#xe62b;
- 
  字典
  &#xe679;
- 
  更多
  &#xe617;
- 
  音频_audio47
  &#xe720;
- 
  qq
  &#xe623;
- 
  日历
  &#xe637;
- 
  用户 头像
  &#xe851;
- 
  文章管理02
  &#xe67c;
- 
  微信
  &#xe61a;
- 
  模板菜单
  &#xe66a;
- 
  应用框架插件
  &#xe61e;
- 
  hot
  &#xe756;
- 
  通知
  &#xe605;
- 
  资源库
  &#xe7a2;
- 
  视频
  &#xe644;
- 
  密码
  &#xe65b;
- 
  角色管理
  &#xe66d;
- 
  文件
  &#xe64e;
- 
  复制
  &#xe61b;
- 
  机构
  &#xe660;
- 
  资源管理
  &#xe635;
- 
  统计
  &#xe62d;
- 
  首页
  &#xe611;
- 
  素材
  &#xe602;
- 
  导航-公众号设置
  &#xe60b;
- 
  人员管理
  &#xe62e;
- 
  放大
  &#xe601;
- 
  播放
  &#xe603;
- 
  工作台
  &#xe6d0;
- 
  camera
  &#xe86e;
- 
  文章
  &#xe668;

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