ant-design/components/iconfont/index.md
2015-06-07 17:18:14 +08:00

14 KiB

Iconfont

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

如何使用

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

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

图标列表

一:方向性图标

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

二:提示建议性图标

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

三:网站通用图标

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