ant-design/components/iconfont/index.md

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
• down
• up
• left
• right
• caret-down
• caret-up
• caret-left
• caret-right
• caret-round-right
• caret-round-left
• caret-circle-right
• caret-circle-left
• round-right
• round-left
• circle-right
• circle-left
• double-right
• double-left
• verticle-right
• verticle-left
• forward
• backward
• rollback
• retweet

二. 提示建议性图标

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

三. 网站通用图标

• lock
• unlock
• 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
• 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
• upload
• user
• video-camera
• windows
• loading