图标 Icon ​

图标这里使用了阿里iconfont图标库生成了图标，图标来源于开源项目 ionicons，结合整理添加了一些其他的图标。

i 标签可以直接设置样式类名为 b-iconfont b-icon-xxx 来使用即可。icon 组件可以只设置 name 来实用。 设置 icon-is-rotating 可以开启旋转

所有图标 ​

收录了 600 个图标

点击复制图标名称，右键复制组件代码

• loading
• arrowleft
• arrowdown
• upload
• googleplus-circle-f
• colum-height
• vertical-align-botto
• vertical-align-middl
• totop
• vertical-align-top
• download
• sort-descending
• sort-ascending
• fall
• swap
• stock
• rise
• indent
• outdent
• menu
• CodeSandbox-square-f
• unorderedlist
• orderedlist
• align-right
• align-center
• align-left
• pic-center
• pic-right
• googleplus-square-f
• pic-left
• bold
• font-colors
• exclaimination
• check-circle
• font-size
• CI
• infomation
• Dollar
• line-height
• compass
• strikethrough
• close-circle
• underline
• frown
• number
• info-circle
• italic
• left-circle
• code
• down-circle
• column-width
• EURO
• check
• zoomout
• copyright
• ellipsis
• apartment
• minus-circle
• dash
• audio
• meh
• close
• plus-circle
• enter
• robot
• play-circle
• line
• zoomin
• question-circle
• minus
• Pound
• question
• right-circle
• rollback
• bug
• smile
• small-dash
• audiostatic
• trademark
• pause
• comment
• time-circle
• bg-colors
• timeout
• crown
• verified
• earth
• drag
• YUAN
• desktop
• videocameraadd
• up-circle
• gift
• switchuser
• warning-circle
• stop
• whatsapp
• sync
• fire
• appstoreadd
• transaction
• thunderbolt
• caret-down
• undo
• backward
• redo
• caret-up
• reload
• caret-right
• reloadtime
• caret-left
• message
• fast-backward
• dashboard
• forward
• issuesclose
• fast-forward
• poweroff
• search
• logout
• retweet
• piechart
• login
• setting
• step-backward
• eye
• step-forward
• location
• copyright-circle-fil
• swap-right
• edit-square
• swap-left
• export
• woman
• save
• plus
• Import
• appstore
• eye-close
• close-square
• clear
• down-square
• collapse
• layout
• expand
• left-square
• deletecolumn
• play-square
• merge-cells
• control
• subnode
• codelibrary
• trademark-circle-fil
• rotate-left
• detail
• rotate-right
• minus-square
• insertrowbelow
• plus-square
• piechart-circle-fil
• insertrowabove
• right-square
• table1
• project
• solit-cells
• wallet
• formatpainter
• up-square
• insertrowright
• calculator
• interation
• insertrowleft
• check-square
• translate
• border
• deleterow
• border-outer
• sisternode
• border-top
• Field-number
• border-bottom
• Field-String
• border-left
• Function
• border-right
• Field-time
• border-inner
• GIF
• border-verticle
• Partition
• border-horizontal
• index
• radius-bottomleft
• Storedprocedure
• radius-bottomright
• Field-Binary
• radius-upleft
• Console-SQL
• radius-upright
• icon-test
• radius-setting
• aim
• adduser
• compress
• deleteteam
• expend
• deleteuser
• folder-view
• addteam
• file-GIF
• user
• group
• team
• send
• areachart
• Report
• linechart
• safetycertificate-f
• View
• barchart
• shortcut
• pointmap
• ungroup
• container
• database
• file-exclamation-fil
• sever
• mobile
• tablet
• redenvelope
• book
• filedone
• reconciliation
• file-exception
• filesync
• filesearch
• solution
• fileprotect
• file-add
• file-excel
• file-exclamation
• file-pdf
• file-image
• file-markdown
• file-unknown
• file-ppt
• file-word
• file
• file-zip
• file-text
• file-copy
• snippets
• audit
• diff
• Batchfolding
• securityscan
• propertysafety
• safetycertificate
• insurance
• alert
• delete
• hourglass
• bulb
• experiment
• bell
• trophy
• rest
• USB
• skin
• home
• bank
• filter
• funnelplot
• like
• unlike
• unlock
• lock
• customerservice
• flag
• moneycollect
• medicinebox
• shop
• rocket
• shopping
• folder
• folder-open
• folder-add
• deploymentunit
• accountbook
• contacts
• carryout
• calendar-check
• calendar
• scan
• select
• boxplot
• build
• sliders
• laptop
• barcode
• camera
• cluster
• gateway
• car
• printer
• read
• cloud-server
• cloud-upload
• cloud
• cloud-download
• alibaba
• cloud-sync
• antdesign
• video
• ant-cloud
• notification
• behance
• sound
• googleplus
• radarchart
• medium
• qrcode
• google
• fund
• IE
• image
• amazon
• mail
• slack
• table
• alipay
• idcard
• taobao
• creditcard
• zhihu
• heart
• HTML
• block
• linkedin
• error
• yahoo
• star
• facebook
• gold
• skype
• heatmap
• CodeSandbox
• wifi
• chrome
• attachment
• codepen
• edit
• aliwangwang
• key
• apple
• api
• android
• disconnect
• sketch
• highlight
• Gitlab
• monitor
• dribbble
• link
• instagram
• man
• reddit
• percentage
• windows
• pushpin
• yuque
• phone
• Youtube
• shake
• tag
• dropbox
• wrench
• dingtalk
• tags
• scissor
• mr
• share
• branches
• QQ
• fork
• twitter
• shrink
• arrawsalt
• weibo
• verticalright
• verticalleft
• right
• left
• up
• down
• fullscreen
• fullscreen-exit
• doubleleft
• doubleright
• arrowright
• CodeSandbox-circle-f
• arrowup
• github-fill
• dribbble-circle-fill
• medium-circle-fill
• QQ-circle-fill
• IE-circle-fill
• google-circle-fill
• dingtalk-circle-fill
• sketch-circle-fill
• slack-circle-fill
• twitter-circle-fill
• taobao-circle-fill
• weibo-circle-fill
• zhihu-circle-fill
• reddit-circle-fill
• alipay-square-fill
• dingtalk-square-fill
• behance-square-fill
• amazon-square-fill
• codepen-square-fill
• dribbble-square-fill
• dropbox-square-fill
• facebook-fill
• google-square-fill
• instagram-fill
• IE-square-fill
• medium-square-fill
• linkedin-fill
• QQ-square-fill
• reddit-square-fill
• twitter-square-fill
• sketch-square-fill
• slack-square-fill
• taobao-square-fill
• weibo-square-fill
• zhihu-square-fill
• audio-fill
• robot-fill
• bug-fill
• signal-fill
• shortcut-fill
• check-circle-fill
• left-circle-fill
• down-circle-fill
• minus-circle-fill
• close-circle-fill
• info-circle-fill
• up-circle-fill
• right-circle-fill
• plus-circle-fill
• question-circle-fill
• EURO-circle-fill
• frown-fill
• CI-circle-fill
• compass-fill
• Dollar-circle-fill
• poweroff-circle-fill
• eyeclose-fill
• meh-fill
• play-circle-fill
• Pound-circle-fill
• smile-fill
• stop-fill
• warning-circle-fill
• time-circle-fill
• YUAN-circle-fill
• heart-fill
• dashboard-fill
• message-fill
• check-square-fill
• down-square-fill
• minus-square-fill
• formatpainter-fill
• close-square-fill
• codelibrary-fill
• left-square-fill
• play-square-fill
• up-square-fill
• right-square-fill
• plus-square-fill
• accountbook-fill
• carryout-fill
• calendar-fill
• calculator-fill
• interation-fill
• project-fill
• detail-fill
• save-fill
• wallet-fill
• control-fill
• layout-fill
• appstore-fill
• mobile-fill
• tablet-fill
• book-fill
• redenvelope-fill
• propertysafety-fill
• insurance-fill
• securityscan-fill
• file-add-fill
• file-fill
• file-excel-fill
• file-markdown-fill
• file-text-fill
• file-ppt-fill
• file-unknown-fill
• file-word-fill
• file-zip-fill
• file-pdf-fill
• file-image-fill
• diff-fill
• file-copy-fill
• snippets-fill
• batchfolding-fill
• reconciliation-fill
• folder-add-fill
• folder-fill
• folder-open-fill
• database-fill
• container-fill
• sever-fill
• calendar-check-fill
• image-fill
• idcard-fill
• creditcard-fill
• fund-fill
• read-fill
• contacts-fill
• delete-fill
• notification-fill
• flag-fill
• moneycollect-fill
• medicinebox-fill
• rest-fill
• shopping-fill
• skin-fill
• video-fill
• sound-fill
• bulb-fill
• bell-fill
• filter-fill
• fire-fill
• funnelplot-fill
• gift-fill
• hourglass-fill
• home-fill
• trophy-fill
• location-fill
• cloud-fill
• customerservice-fill
• experiment-fill
• eye-fill
• like-fill
• lock-fill
• unlike-fill
• star-fill
• unlock-fill
• alert-fill
• api-fill
• highlight-fill
• phone-fill
• edit-fill
• pushpin-fill
• rocket-fill
• thunderbolt-fill
• tag-fill
• wrench-fill
• tags-fill
• bank-fill
• camera-fill
• error-fill
• crown-fill
• mail-fill
• car-fill
• printer-fill
• shop-fill
• setting-fill
• USB-fill
• golden-fill
• build-fill
• boxplot-fill
• sliders-fill
• Gitlab-fill
• android-fill
• apple-fill
• HTML-fill
• windows-fill
• skype-fill
• yuque-fill
• Youtube-fill
• yahoo-fill
• wechat-fill
• chrome-fill
• alipay-circle-fill
• aliwangwang-fill
• behance-circle-fill
• amazon-circle-fill
• codepen-circle-fill
• dropbox-circle-fill

Props ​