ant-design/components/iconfont/index.md

Iconfont

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

---

如何使用

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

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

图标列表

一. 方向性图标

• 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