# IconFont 图标

- 󰀢
  编辑
  &#xf0022;
  .bianji
- 󰀣
  上传
  &#xf0023;
  .shangchuan
- 󰀥
  列表
  &#xf0025;
  .liebiao
- 󰀶
  音乐
  &#xf0036;
  .yinle
- 󰁄
  图片
  &#xf0044;
  .tupian
- 󰁣
  日历
  &#xf0063;
  .rili
- 󰁰
  平板电脑
  &#xf0070;
  .pingbandiannao
- 󰂑
  显示器
  &#xf0091;
  .xianshiqi
- 󰂲
  正确
  &#xf00b2;
  .zhengque
- 󰂳
  错误
  &#xf00b3;
  .cuowu
- 󰂸
  帮助
  &#xf00b8;
  .bangzhu
- 󰂷
  警告
  &#xf00b7;
  .jinggao
- 󰃡
  目录
  &#xf00e1;
  .mulu
- 󰄑
  排序
  &#xf0111;
  .paixu
- 󰄒
  向左
  &#xf0112;
  .xiangzuo
- 󰄓
  向上
  &#xf0113;
  .xiangshang
- 󰄔
  向右
  &#xf0114;
  .xiangyou
- 󰄫
  首页
  &#xf012b;
  .shouye
- 󰄬
  搜索
  &#xf012c;
  .sousuo
- 󰄭
  用户
  &#xf012d;
  .yonghu
- 󰄯
  分享
  &#xf012f;
  .fenxiang
- 󰄺
  撤销
  &#xf013a;
  .chexiao
- 󰄻
  重做
  &#xf013b;
  .zhongzuo
- 󰄾
  设置
  &#xf013e;
  .shezhi
- 󰄼
  赞扬
  &#xf013c;
  .zanyang
- 󰄿
  删除
  &#xf013f;
  .shanchu
- 󰅄
  收藏
  &#xf0144;
  .shoucang
- 󰅊
  位置
  &#xf014a;
  .weizhi
- 󰅔
  加
  &#xf0154;
  .jia
- 󰅕
  错误
  &#xf0155;
  .cuowu1
- 󰅖
  正确
  &#xf0156;
  .zhengque1
- 󰅛
  附件
  &#xf015b;
  .fujian
- 󰅜
  刷新
  &#xf015c;
  .shuaxin
- 󰅟
  大缩略图列表
  &#xf015f;
  .dasuolvetuliebiao
- 󰅡
  列表
  &#xf0161;
  .liebiao1
- 󰅣
  下载
  &#xf0163;
  .xiazai
- 󰅥
  发送邮件
  &#xf0165;
  .fasongyoujian
- 󰅨
  编辑模板
  &#xf0168;
  .bianjimoban
- 󰅭
  向右
  &#xf016d;
  .xiangyou1
- 󰅮
  向左
  &#xf016e;
  .xiangzuo1
- 󰅯
  向上
  &#xf016f;
  .xiangshang1
- 󰅰
  向下
  &#xf0170;
  .xiangxia
- 󰅵
  加
  &#xf0175;
  .jia1
- 󰅶
  减
  &#xf0176;
  .jian
- 󰅸
  购物车满
  &#xf0178;
  .gouwucheman
- 󰅹
  购物车空
  &#xf0179;
  .gouwuchekong
- 󰆹
  放大
  &#xf01b9;
  .fangda
- 󰆸
  缩小
  &#xf01b8;
  .suoxiao
- 󰇋
  播放
  &#xf01cb;
  .bofang
- 󰇯
  电话
  &#xf01ef;
  .dianhua
- 󰇮
  html5
  &#xf01ee;
  .html5
- 󰊩
  向下
  &#xf02a9;
  .xiangxia1
- 󰊪
  向上
  &#xf02aa;
  .xiangshang2
- 󰊯
  向右
  &#xf02af;
  .xiangyou2
- 󰋯
  排序
  &#xf02ef;
  .paixu1
- 󰋭
  设置
  &#xf02ed;
  .shezhi1
- 󰌇
  定向
  &#xf0307;
  .dingxiang
- 󰊒
  返回
  &#xf0292;
  .fanhui
- 󰅁
  其它
  &#xf0141;
  .qita
- 󰅓
  减
  &#xf0153;
  .jian1
- 󰆨
  向左
  &#xf01a8;
  .xiangzuo2
- 󰆩
  向右
  &#xf01a9;
  .xiangyou3
- 󰆣
  向上
  &#xf01a3;
  .xiangshang3
- 󰆦
  向下
  &#xf01a6;
  .xiangxia2
- 󰇄
  通知
  &#xf01c4;
  .tongzhi
- 󰇇
  qq
  &#xf01c7;
  .qq
- 󰉿
  脚印
  &#xf027f;
  .jiaoyin

第一步：使用font-face声明字体

    @font-face {font-family: 'iconfont';
        src: url('iconfont.eot'); /* IE9*/
        src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('iconfont.woff') format('woff'), /* chrome、firefox */
        url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
    }

第二步：定义使用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>