You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

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
  • 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