# IconFont 图标

- 
  stepforward
  &#xe600;
- 
  stepbackward
  &#xe601;
- 
  forward
  &#xe602;
- 
  banckward
  &#xe603;
- 
  caretright
  &#xe604;
- 
  caretleft
  &#xe605;
- 
  caretdown
  &#xe606;
- 
  caretup
  &#xe607;
- 
  right-circle
  &#xe608;
- 
  left-circle
  &#xe609;
- 
  up-circle
  &#xe60a;
- 
  down-circle
  &#xe60b;
- 
  right-circle-o
  &#xe60c;
- 
  left-circle-o
  &#xe60d;
- 
  up-circle-o
  &#xe60e;
- 
  down-circle-o
  &#xe60f;
- 
  verticleleft
  &#xe610;
- 
  verticleright
  &#xe611;
- 
  rollback
  &#xe612;
- 
  retweet
  &#xe613;
- 
  shrink
  &#xe614;
- 
  arrowsalt
  &#xe615;
- 
  doubleright
  &#xe617;
- 
  doubleleft
  &#xe618;
- 
  arrowdown
  &#xe619;
- 
  arrowup
  &#xe61a;
- 
  arrowright
  &#xe61b;
- 
  arrowleft
  &#xe61c;
- 
  down
  &#xe61d;
- 
  up
  &#xe61e;
- 
  right
  &#xe61f;
- 
  left
  &#xe620;
- 
  minus-square-o
  &#xe621;
- 
  minus-circle
  &#xe622;
- 
  minus-circle-o
  &#xe623;
- 
  minus
  &#xe624;
- 
  plus-circle-o
  &#xe625;
- 
  plus-circle
  &#xe626;
- 
  plus
  &#xe627;
- 
  info-cirlce
  &#xe628;
- 
  info-cirlce-o
  &#xe629;
- 
  info
  &#xe62a;
- 
  exclamation
  &#xe62b;
- 
  exclamation-circle
  &#xe62c;
- 
  exclamation-circle-o
  &#xe62d;
- 
  close-circle
  &#xe62e;
- 
  close-circle-o
  &#xe62f;
- 
  check-circle
  &#xe630;
- 
  check-circle-o
  &#xe631;
- 
  check
  &#xe632;
- 
  close
  &#xe633;
- 
  customerservice
  &#xe634;
- 
  creditcard
  &#xe635;
- 
  code-square-o
  &#xe636;
- 
  book
  &#xe637;
- 
  barschart
  &#xe638;
- 
  bars
  &#xe639;
- 
  question
  &#xe63a;
- 
  question-circle
  &#xe63b;
- 
  question-circle-o
  &#xe63c;
- 
  pause
  &#xe63d;
- 
  pause-circle
  &#xe63e;
- 
  pause-circle-o
  &#xe63f;
- 
  clock-circle
  &#xe640;
- 
  clock-circle-o
  &#xe641;
- 
  swap
  &#xe642;
- 
  swapleft
  &#xe643;
- 
  swapright
  &#xe644;
- 
  plus-square-o
  &#xe645;
- 
  frown
  &#xe646;
- 
  menufold
  &#xe658;
- 
  mail
  &#xe659;
- 
  link
  &#xe65b;
- 
  areachart
  &#xe65c;
- 
  linechart
  &#xe65d;
- 
  home
  &#xe65e;
- 
  laptop
  &#xe65f;
- 
  star
  &#xe660;
- 
  star-o
  &#xe661;
- 
  filter
  &#xe663;
- 
  meho
  &#xe666;
- 
  meh
  &#xe667;
- 
  shoppingcart
  &#xe668;
- 
  save
  &#xe669;
- 
  user
  &#xe66a;
- 
  videocamera
  &#xe66b;
- 
  totop
  &#xe66c;
- 
  team
  &#xe66d;
- 
  sharealt
  &#xe671;
- 
  setting
  &#xe672;
- 
  picture
  &#xe674;
- 
  phone
  &#xe675;
- 
  paperclip
  &#xe676;
- 
  notification
  &#xe677;
- 
  menuunfold
  &#xe679;
- 
  inbox
  &#xe67a;
- 
  lock
  &#xe67b;
- 
  qrcode
  &#xe67c;
- 
  tags
  &#xe67d;
- 
  tagso
  &#xe67e;
- 
  cloud-o
  &#xe67f;
- 
  cloud
  &#xe680;
- 
  cloudupload
  &#xe681;
- 
  clouddownload
  &#xe682;
- 
  clouddownload-o
  &#xe683;
- 
  cloudupload-o
  &#xe684;
- 
  enviroment
  &#xe685;
- 
  enviroment-o
  &#xe686;
- 
  eye
  &#xe687;
- 
  eye-o
  &#xe688;
- 
  camera
  &#xe689;
- 
  camera-o
  &#xe68a;
- 
  windows
  &#xe68b;
- 
  export2
  &#xe690;
- 
  export
  &#xe691;
- 
  circledown-o
  &#xe693;
- 
  circledown
  &#xe694;
- 
  hdd
  &#xe69a;
- 
  ie
  &#xe69b;
- 
  delete
  &#xe69f;
- 
  enter
  &#xe6a0;
- 
  pushpin-o
  &#xe6a1;
- 
  pushpin
  &#xe6a2;
- 
  heart
  &#xe6a3;
- 
  heart-o
  &#xe6a4;
- 
  smile
  &#xe6a7;
- 
  smile-o
  &#xe6a8;
- 
  frown-o
  &#xe6a9;
- 
  calculator
  &#xe6aa;
- 
  chrome
  &#xe6ac;
- 
  github
  &#xe6ad;
- 
  desktop
  &#xe6b4;
- 
  caret-circle-o-up
  &#xe6b5;
- 
  upload
  &#xe6b6;
- 
  download
  &#xe6b7;
- 
  piechart
  &#xe6b8;
- 
  lock
  &#xe6b9;
- 
  unlock
  &#xe6ba;
- 
  windows-o
  &#xe6bc;
- 
  dotchart
  &#xe6bd;
- 
  barchart
  &#xe6be;
- 
  code-square
  &#xe6bf;
- 
  plus-square
  &#xe6c0;
- 
  minus-square
  &#xe6c1;
- 
  close-square
  &#xe6c2;
- 
  close-square-o
  &#xe6c3;
- 
  check-square
  &#xe6c4;
- 
  check-square-o
  &#xe6c5;
- 
  fastbackward
  &#xe6c6;
- 
  fastforward
  &#xe6c7;
- 
  up-square
  &#xe6c8;
- 
  down-square
  &#xe6c9;
- 
  left-square
  &#xe6ca;
- 
  right-square
  &#xe6cb;
- 
  right-square-o
  &#xe6cc;
- 
  left-square-o
  &#xe6cd;
- 
  down-square-o
  &#xe6ce;
- 
  up-square-o
  &#xe6cf;
- 
  play
  &#xe6d0;
- 
  play-circle-o
  &#xe6d1;
- 
  tag
  &#xe6d2;
- 
  tag-o
  &#xe6d3;
- 
  addfile
  &#xe910;
- 
  folder
  &#xe662;
- 
  file
  &#xe664;
- 
  switcher
  &#xe913;
- 
  addfolder
  &#xe914;
- 
  folderopen
  &#xe699;
- 
  search
  &#xe670;
- 
  ellipsis
  &#xe647;
- 
  calendar
  &#xe6bb;
- 
  filetext
  &#xe698;
- 
  copy
  &#xe648;
- 
  jpgfile
  &#xe69c;
- 
  pdffile
  &#xe6b3;
- 
  exclefile
  &#xe6b0;
- 
  pptfile
  &#xe6b1;
- 
  unknowfile
  &#xe6af;
- 
  wordfile
  &#xe6b2;
- 
  dingding
  &#xe923;
- 
  dingding-o
  &#xe925;
- 
  mobile
  &#xe678;
- 
  tablet
  &#xe66e;
- 
  bells
  &#xe64e;
- 
  disconnect
  &#xe64f;
- 
  database
  &#xe650;
- 
  barcode
  &#xe652;
- 
  hourglass
  &#xe653;
- 
  key
  &#xe654;
- 
  flag
  &#xe655;
- 
  layout
  &#xe656;
- 
  printer
  &#xe673;
- 
  USB
  &#xe6d7;
- 
  skin
  &#xe6d8;
- 
  tool
  &#xe6d9;
- 
  car
  &#xe6dc;
- 
  addusergroup
  &#xe6dd;
- 
  carryout
  &#xe6df;
- 
  deleteuser
  &#xe6e0;
- 
  deleteusergroup
  &#xe6e1;
- 
  man
  &#xe6e2;
- 
  isv
  &#xe6e3;
- 
  gift
  &#xe6e4;
- 
  idcard
  &#xe6e5;
- 
  medicinebox
  &#xe6e6;
- 
  redenvelopes
  &#xe6e7;
- 
  rest
  &#xe6e8;
- 
  Safety
  &#xe6ea;
- 
  wallet
  &#xe6eb;
- 
  woman
  &#xe6ec;
- 
  adduser
  &#xe6ed;
- 
  bank
  &#xe6ee;
- 
  Trophy
  &#xe6ef;
- 
  loading
  &#xe6ae;
- 
  loading
  &#xe64d;
- 
  like
  &#xe69d;
- 
  dislike
  &#xe69e;
- 
  like
  &#xe64c;
- 
  dislike
  &#xe64b;
- 
  bulb
  &#xe649;
- 
  rocket
  &#xe90f;
- 
  select
  &#xe64a;
- 
  apple
  &#xe68c;
- 
  apple-o
  &#xe6d4;
- 
  android
  &#xe938;
- 
  android-o
  &#xe68d;
- 
  aliwangwang-o
  &#xe68f;
- 
  aliwangwang
  &#xe68e;
- 
  pay-circle
  &#xe6a5;
- 
  pay-circle-o
  &#xe6a6;
- 
  poweroff
  &#xe6d5;
- 
  trademark
  &#xe651;
- 
  find
  &#xe6db;
- 
  copyright
  &#xe6de;
- 
  sound
  &#xe6e9;
- 
  earth
  &#xe6f1;
- 
  wifi
  &#xe6d6;
- 
  sync
  &#xe6da;
- 
  login
  &#xe657;
- 
  logout
  &#xe65a;
- 
  reload
  &#xe616;
- 
  message
  &#xe6ab;
- 
  shake
  &#xe94f;
- 
  API
  &#xe951;
- 
  appstore-o
  &#xe695;
- 
  appstore
  &#xe696;
- 
  scan
  &#xe697;
- 
  exception
  &#xe665;
- 
  contacts
  &#xe6f0;
- 
  solution
  &#xe66f;
- 
  fork
  &#xe6f2;
- 
  edit
  &#xe692;
- 
  表单
  &#xe996;
- 
  error
  &#xe997;
- 
  列表
  &#xe998;
- 
  详情
  &#xe999;
- 
  dashboard
  &#xe99a;
- 
  indent-left
  &#xe9a6;
- 
  indent-right
  &#xe9a7;
- 
  menu-unfold
  &#xe9ac;
- 
  menu-fold
  &#xe9ad;
- 
  ant design
  &#xe9b2;
- 
  alipay-square
  &#xe9b3;
- 
  codepen-circle
  &#xe9b4;
- 
  google
  &#xe9b5;
- 
  amazon
  &#xe9b6;
- 
  codepen
  &#xe9b7;
- 
  facebook-square
  &#xe9b8;
- 
  dropbox
  &#xe9b9;
- 
  google plus
  &#xe9ba;
- 
  linkedin-square
  &#xe9bb;
- 
  medium-monogram
  &#xe9bc;
- 
  gitlab
  &#xe9bd;
- 
  medium-wordmark
  &#xe9be;
- 
  QQ
  &#xe9bf;
- 
  skype
  &#xe9c0;
- 
  taobao-square
  &#xe9c1;
- 
  alipay-circle
  &#xe9c2;
- 
  youtube
  &#xe9c3;
- 
  wechat
  &#xe9c4;
- 
  twitter
  &#xe9c5;
- 
  weibo
  &#xe9c6;
- 
  HTML5
  &#xe9c7;
- 
  taobao-circle
  &#xe6f3;
- 
  weibo-circle
  &#xe6f4;
- 
  weibo-square
  &#xe6f5;
- 
  CodeSandbox
  &#xe9d4;
- 
  阿里云
  &#xe9f4;
- 
  zhihu
  &#xe703;
- 
  behance
  &#xe707;
- 
  dribbble
  &#xe709;
- 
  dribbble-square
  &#xe70a;
- 
  behance-square
  &#xe708;
- 
  file-markdown
  &#xe704;
- 
  instagram
  &#xe70b;
- 
  yuque
  &#xe70c;
- 
  slack
  &#xe705;
- 
  slack-square
  &#xe706;

## unicode引用

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

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

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

unicode使用步骤如下：

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

    @font-face {
      font-family: 'anticon';
      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#anticon') format('svg');
    }

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

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

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

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

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