# IconFont 图标

- 
  手机
  &#xe6ab;
  .shouji
- 
  个人中心
  &#xe601;
  .gerenzhongxin
- 
  列表视图
  &#xe602;
  .liebiaoshitu
- 
  icon-竖杠
  &#xe603;
  .iconshugang
- 
  大图列表
  &#xe604;
  .datuliebiao
- 
  appreciate
  &#xe605;
  .appreciate
- 
  check
  &#xe606;
  .check
- 
  close
  &#xe607;
  .close
- 
  edit
  &#xe608;
  .edit
- 
  emoji
  &#xe609;
  .emoji
- 
  favor_fill
  &#xe60a;
  .favorfill
- 
  favor
  &#xe60b;
  .favor
- 
  loading
  &#xe60c;
  .loading
- 
  location
  &#xe60e;
  .location
- 
  phone
  &#xe60f;
  .phone
- 
  round_check_fill
  &#xe610;
  .roundcheckfill
- 
  round_check
  &#xe611;
  .roundcheck
- 
  round_close_fill
  &#xe612;
  .roundclosefill
- 
  round_close
  &#xe613;
  .roundclose
- 
  round_right_fill
  &#xe614;
  .roundrightfill
- 
  round_right
  &#xe615;
  .roundright
- 
  search
  &#xe616;
  .search
- 
  taxi
  &#xe617;
  .taxi
- 
  time_fill
  &#xe618;
  .timefill
- 
  time
  &#xe619;
  .time
- 
  warn_fill
  &#xe61a;
  .warnfill
- 
  warn
  &#xe61b;
  .warn
- 
  camera_fill
  &#xe61c;
  .camerafill
- 
  camera
  &#xe61d;
  .camera
- 
  comment_fill
  &#xe61e;
  .commentfill
- 
  comment
  &#xe61f;
  .comment
- 
  notification_fill
  &#xe620;
  .notificationfill
- 
  notification
  &#xe621;
  .notification
- 
  order
  &#xe622;
  .order
- 
  same
  &#xe624;
  .same
- 
  tag_fill
  &#xe625;
  .tagfill
- 
  evaluate
  &#xe628;
  .evaluate
- 
  send
  &#xe62a;
  .send
- 
  shop
  &#xe62b;
  .shop
- 
  ticket
  &#xe62c;
  .ticket
- 
  discover
  &#xe62d;
  .discover
- 
  more
  &#xe62e;
  .more
- 
  my_fill
  &#xe62f;
  .myfill
- 
  my
  &#xe630;
  .my
- 
  scan
  &#xe631;
  .scan
- 
  settings
  &#xe632;
  .settings
- 
  question_fill
  &#xe633;
  .questionfill
- 
  question
  &#xe634;
  .question
- 
  footprint
  &#xe638;
  .footprint
- 
  top
  &#xe639;
  .top
- 
  pull_down
  &#xe63a;
  .pulldown
- 
  pull_up
  &#xe63b;
  .pullup
- 
  refresh
  &#xe63c;
  .refresh
- 
  more_android
  &#xe63d;
  .moreandroid
- 
  refund
  &#xe63e;
  .refund
- 
  remind
  &#xe63f;
  .remind
- 
  home
  &#xe641;
  .home
- 
  home_fill
  &#xe642;
  .homefill
- 
  message
  &#xe643;
  .message
- 
  address_book
  &#xe644;
  .addressbook
- 
  link
  &#xe645;
  .link
- 
  lock
  &#xe646;
  .lock
- 
  unlock
  &#xe647;
  .unlock
- 
  weibo
  &#xe648;
  .weibo
- 
  friend_add_fill
  &#xe649;
  .friendaddfill
- 
  friend_add
  &#xe64a;
  .friendadd
- 
  friend_famous
  &#xe64b;
  .friendfamous
- 
  friend
  &#xe64c;
  .friend
- 
  goods
  &#xe64d;
  .goods
- 
  square_check_fill
  &#xe64e;
  .squarecheckfill
- 
  square
  &#xe64f;
  .square
- 
  square_check
  &#xe650;
  .squarecheck
- 
  round
  &#xe651;
  .round
- 
  round_add_fill
  &#xe652;
  .roundaddfill
- 
  round_add
  &#xe653;
  .roundadd
- 
  add
  &#xe654;
  .add
- 
  人人网
  &#xe6af;
  .renrenwang
- 
  game
  &#xe656;
  .game
- 
  redpacket
  &#xe657;
  .redpacket
- 
  similar
  &#xe658;
  .similar
- 
  info
  &#xe659;
  .info
- 
  订单
  &#xe65a;
  .icon04
- 
  forward_fill
  &#xe65d;
  .forwardfill
- 
  forward
  &#xe65e;
  .forward
- 
  recharge_fill
  &#xe65f;
  .rechargefill
- 
  recharge
  &#xe660;
  .recharge
- 
  电脑
  &#xe6ac;
  .pc
- 
  收藏
  &#xe664;
  .icon47
- 
  标签
  &#xe665;
  .icon
- 
  friend_favor
  &#xe666;
  .friendfavor
- 
  wifi
  &#xe667;
  .wifi
- 
  share
  &#xe668;
  .share
- 
  电子邮件
  &#xe669;
  .dianziyoujian
- 
  7
  &#xe60d;
  .7
- 
  search_list
  &#xe66a;
  .searchlist
- 
  service
  &#xe66b;
  .service
- 
  sort
  &#xe66c;
  .sort
- 
  箱子
  &#xe6b2;
  .xiangzi
- 
  手机
  &#xe677;
  .mobilefill
- 
  down
  &#xe66d;
  .down
- 
  mobile
  &#xe66e;
  .mobile
- 
  评论
  &#xe670;
  .pinglun
- 
  钱包
  &#xe672;
  .qianbao
- 
  copy
  &#xe673;
  .copy
- 
  female
  &#xe67c;
  .female
- 
  male
  &#xe67d;
  .male
- 
  pull_left
  &#xe680;
  .pullleft
- 
  pull_right
  &#xe681;
  .pullright
- 
  rank
  &#xe683;
  .rank
- 
  bad
  &#xe684;
  .bad
- 
  focus
  &#xe685;
  .focus
- 
  friend_fill
  &#xe686;
  .friendfill
- 
  分享
  &#xe66f;
  .fenxiang
- 
  back
  &#xe6a7;
  .jiantou-left
- 
  less
  &#xe6a8;
  .jiantou-top
- 
  more_unfold
  &#xe6a9;
  .jiantou-bottom
- 
  more
  &#xe6aa;
  .jiantou-right
- 
  apps
  &#xe687;
  .apps
- 
  收藏
  &#xe68a;
  .shoucang
- 
  refresh_arrow
  &#xe68b;
  .refresharrow
- 
  mark_fill
  &#xe68e;
  .markfill
- 
  mark
  &#xe68f;
  .mark
- 
  repeal
  &#xe691;
  .repeal
- 
  图片
  &#xe678;
  .pic
- 
  登录用户名
  &#xe692;
  .dengluyonghuming
- 
  album
  &#xe693;
  .album
- 
  编辑
  &#xe694;
  .bianji
- 
  r_工具箱
  &#xe640;
  .deliver
- 
  提现
  &#xe6ae;
  .tixian
- 
  app
  &#xe6ad;
  .app
- 
  购物车
  &#xe662;
  .gouwuche
- 
  attention
  &#xe69b;
  .attention
- 
  编辑
  &#xe626;
  .bianji1
- 
  QQzone
  &#xe6b0;
  .qqzone
- 
  calendar
  &#xe6a1;
  .calendar
- 
  视图
  &#xe6a4;
  .shitu
- 
  1041-问题分析
  &#xe6a5;
  .1041wentifenxi
- 
  客服
  &#xe6a6;
  .kefu
- 
  正品安全
  &#xe623;
  .zhengpinanquan
- 
  baidu
  &#xe6b1;
  .baidu
- 
  口红
  &#xe629;
  .caizhuanggenzhuang
- 
  筛选
  &#xe65b;
  .filter
- 
  验证码
  &#xe679;
  .Captcha
- 
  女装
  &#xe65c;
  .nvzhuang
- 
  货车
  &#xe671;
  .form
- 
  银行卡
  &#xe674;
  .vipcard
- 
  标签
  &#xe600;
  .tag
- 
  百分比
  &#xe6b3;
  .80
- 
  EC-logo
  &#xe6b4;
  .eclogo
- 
  1351-需求登记
  &#xe67a;
  .shortage
- 
  验证码
  &#xe636;
  .yanzhengma
- 
  已完成订单
  &#xe627;
  .success_order
- 
  钱包
  &#xe635;
  .pay
- 
  垃圾桶
  &#xe663;
  .delete
- 
  V
  &#xe655;
  .v
- 
  大牌
  &#xe637;
  .dapai
- 
  彩妆
  &#xe661;
  .caizhuang
- 
  促销
  &#xe675;
  .cuxiao
- 
  女装
  &#xe676;
  .nvzhuang1

第一步：使用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>