ant-design/components/iconfont/index.md
2015-06-09 16:55:31 +08:00

14 KiB

Iconfont

  • category: CSS
  • chinese: 字体图标
  • order: 1
  • nodemos: true

如何使用

我们对每个图标都采用了语义化的命名,使用时所有的图标都需要一个基类 .anticon 和对应每个图标的类。在这里,我们使用 <i> 标签,如下面代码演示使用即可~

<i class="anticon anticon-link"></i>

点击图标复制代码。

图标列表

一. 方向性图标

  • step-backward
  • step-forward
  • fast-backward
  • fast-forward
  • shrink
  • arrow-salt
  • caret-down
  • caret-up
  • caret-left
  • caret-right
  • caret-circle-right
  • caret-circle-left
  • caret-circleo-right
  • caret-circleo-left
  • angle-circle-right
  • angle-circle-left
  • angle-circleo-right
  • angle-circleo-left
  • angle-double-right
  • angle-double-left
  • angle-verticle-right
  • angle-verticle-left
  • forward
  • backward
  • rollback
  • retweet

二. 提示建议性图标

  • question
  • question-circle
  • question-circleo
  • plus
  • plus-circle
  • plus-circleo
  • pause
  • pause-circle
  • pause-circleo
  • minus
  • minus-circle
  • minus-circleo
  • info-circle
  • info-circleo
  • info
  • exclamation
  • exclamation-circle
  • exclamation-circleo
  • cross-circleo
  • cross-circle
  • cross
  • check-circleo
  • check-circle
  • check
  • clock-circle
  • clock-circleo

三. 网站通用图标

  • lock
  • android
  • apple
  • area-chart
  • bar-chart
  • bars
  • booko
  • calendar
  • cloud
  • cloud-download
  • code
  • copy
  • credit-card
  • delete
  • desktop
  • download-line
  • edit
  • ellipsis
  • environment
  • fileo
  • file-texto
  • foldero
  • folder-openo
  • github
  • hddo
  • frown
  • meho
  • inbox
  • laptop
  • large
  • line-chart
  • link
  • lock1
  • logout
  • mail
  • menu-fold
  • menu-unfold
  • mobile
  • notification
  • paper-clip
  • pictureo
  • pie-chart
  • poweroff
  • reload
  • search
  • setting
  • share-alt
  • shopping-cart
  • smile
  • tablet
  • tag
  • tags
  • totop
  • unlock
  • upload
  • user
  • video-camera
  • windows
  • loading