Icon图标

  • Vusui 提供了一套常用的图标集合。
  • 注:vusui-icon.css可作为单独样式使用。

使用方法

引入Icon图标样式vusui-icon.css,然后通过设置类名 vi-iconName 来使用即可。例如:

<!-- 引入Icon图标样式vusui-icon.css -->
<link rel="stylesheet" href="./css/vusui-icon.css">

<i class="vi-home"></i>
<i class="vi-alert-success"></i>

图标集合

  • vi-activity
  • vi-after-sales
  • vi-alert-ban
  • vi-alert-ban-o
  • vi-alert-error
  • vi-alert-error-o
  • vi-alert-help
  • vi-alert-help-o
  • vi-alert-info
  • vi-alert-info-o
  • vi-alert-success
  • vi-alert-success-o
  • vi-alert-warning
  • vi-alert-warning-o
  • vi-alert-warning-triangle
  • vi-alert-warning-triangle-o
  • vi-anchor
  • vi-android
  • vi-app
  • vi-app-category
  • vi-app-category-o
  • vi-apple
  • vi-app-o
  • vi-arrow
  • vi-arrow-back
  • vi-arrow-caret
  • vi-arrow-coarse
  • vi-arrow-double
  • vi-arrow-exchange
  • vi-arrow-expand
  • vi-arrow-long
  • vi-arrow-move
  • vi-arrow-narrow
  • vi-arrow-recycle
  • vi-arrows
  • vi-arrow-step
  • vi-arrow-stripe
  • vi-at
  • vi-auditing
  • vi-back
  • vi-back-o
  • vi-bank-card
  • vi-bell
  • vi-bell-o
  • vi-bell-slash
  • vi-bell-slash-o
  • vi-bold
  • vi-bolt
  • vi-bolt-o
  • vi-book
  • vi-bookmark
  • vi-bookmark-o
  • vi-book-open
  • vi-book-read
  • vi-box
  • vi-bubble
  • vi-bubble-o
  • vi-bug
  • vi-bug-o
  • vi-bulb
  • vi-bulb-o
  • vi-bullhorn
  • vi-bus
  • vi-calculator
  • vi-call
  • vi-call-o
  • vi-camera
  • vi-camera-o
  • vi-car
  • vi-cart-minus
  • vi-cart-minus-o
  • vi-cart-plus
  • vi-cart-plus-o
  • vi-category
  • vi-chain
  • vi-chain-broken
  • vi-chart
  • vi-chart-bar
  • vi-chart-line
  • vi-chart-pie
  • vi-chart-pie-o
  • vi-chat
  • vi-chat-group
  • vi-chat-group-o
  • vi-chat-o
  • vi-check
  • vi-check-all
  • vi-check-all-o
  • vi-chrome
  • vi-clear
  • vi-click
  • vi-clock
  • vi-clock-o
  • vi-close
  • vi-cloud
  • vi-cloud-download
  • vi-cloud-download-o
  • vi-cloud-o
  • vi-cloud-upload
  • vi-cloud-upload-o
  • vi-cmd
  • vi-code
  • vi-codepen
  • vi-coffee
  • vi-coffee-o
  • vi-comment
  • vi-comment-o
  • vi-comment-square
  • vi-comment-square-o
  • vi-complain
  • vi-complain-o
  • vi-component
  • vi-component-o
  • vi-compute
  • vi-control-panel-o
  • vi-copy
  • vi-copy-o
  • vi-credit-card
  • vi-css3
  • vi-cut
  • vi-database
  • vi-database-o
  • vi-date
  • vi-date-month
  • vi-date-month-o
  • vi-date-o
  • vi-date-time
  • vi-date-time-o
  • vi-date-week
  • vi-date-week-o
  • vi-delivered
  • vi-desktop
  • vi-dossier
  • vi-download
  • vi-drinks
  • vi-edit
  • vi-edit-circle
  • vi-edit-circle-o
  • vi-edit-o
  • vi-edu-cap
  • vi-edu-cap-o
  • vi-excel
  • vi-exit
  • vi-express
  • vi-eye
  • vi-eye-o
  • vi-eye-slash
  • vi-eye-slash-o
  • vi-facebook
  • vi-fax
  • vi-feedback
  • vi-feedback-o
  • vi-female
  • vi-file
  • vi-file-o
  • vi-file-text
  • vi-file-text-o
  • vi-file-tree-center
  • vi-file-tree-end
  • vi-file-tree-start
  • vi-film
  • vi-filter
  • vi-find
  • vi-fire
  • vi-firefox
  • vi-fire-o
  • vi-flower
  • vi-folder
  • vi-folder-o
  • vi-folder-open
  • vi-folder-open-o
  • vi-folder-up
  • vi-font
  • vi-food
  • vi-gear
  • vi-gear-o
  • vi-gears
  • vi-gift
  • vi-gift-o
  • vi-gitee
  • vi-github
  • vi-gold
  • vi-gold-rmb
  • vi-gold-usd
  • vi-hammer
  • vi-hammer-o
  • vi-hash
  • vi-headphone
  • vi-heart
  • vi-heart-o
  • vi-heart-plus
  • vi-history
  • vi-home
  • vi-home-o
  • vi-hotel
  • vi-hourglass
  • vi-html5
  • vi-ie
  • vi-info
  • vi-info-o
  • vi-ipad
  • vi-italic
  • vi-key
  • vi-keyboard
  • vi-keyboard-o
  • vi-key-o
  • vi-keys
  • vi-laptop
  • vi-like
  • vi-like-o
  • vi-list
  • vi-list-mode
  • vi-list-mode-grid
  • vi-list-mode-grid-o
  • vi-list-mode-o
  • vi-list-ol
  • vi-list-ul
  • vi-loading
  • vi-lock
  • vi-lock-o
  • vi-mail
  • vi-mail-o
  • vi-mail-open
  • vi-mail-open-o
  • vi-mails
  • vi-mails-o
  • vi-male
  • vi-man
  • vi-map
  • vi-map-location
  • vi-map-location-o
  • vi-map-marker
  • vi-map-marker-o
  • vi-map-o
  • vi-minus
  • vi-minus-circle
  • vi-minus-circle-o
  • vi-minus-square
  • vi-minus-square-o
  • vi-moon
  • vi-moon-o
  • vi-more
  • vi-more-o
  • vi-mouse
  • vi-mouse-o
  • vi-music
  • vi-nav
  • vi-off
  • vi-painting
  • vi-paperclip
  • vi-paste
  • vi-pause-circle
  • vi-pause-circle-o
  • vi-payment
  • vi-pay-rmb
  • vi-pay-usd
  • vi-pc-mobile
  • vi-pencil
  • vi-phone
  • vi-phone-book
  • vi-phone-circle
  • vi-photo
  • vi-photo-o
  • vi-photos
  • vi-photos-o
  • vi-piggy-bank
  • vi-piggy-bank-o
  • vi-plane
  • vi-plane-o
  • vi-play-circle
  • vi-play-circle-o
  • vi-plugin
  • vi-plugin-o
  • vi-plus
  • vi-plus-circle
  • vi-plus-circle-o
  • vi-plus-square
  • vi-plus-square-o
  • vi-pointer
  • vi-pointer-o
  • vi-ppt
  • vi-print
  • vi-print-o
  • vi-purse-rmb
  • vi-purse-rmb-o
  • vi-purse-usd
  • vi-purse-usd-o
  • vi-qq
  • vi-qrcode
  • vi-quote-left
  • vi-quote-left-o
  • vi-quote-right
  • vi-quote-right-o
  • vi-rar
  • vi-recycle
  • vi-recycle-o
  • vi-refresh
  • vi-reply
  • vi-reply-o
  • vi-restore
  • vi-return
  • vi-rmb
  • vi-rmb-circle
  • vi-rmb-circle-o
  • vi-rose
  • vi-rss
  • vi-sad
  • vi-sad-o
  • vi-save
  • vi-scan
  • vi-script
  • vi-seal
  • vi-seal-o
  • vi-send
  • vi-send-o
  • vi-server
  • vi-service
  • vi-service-online
  • vi-share
  • vi-share-o
  • vi-share-up
  • vi-shield
  • vi-shield-check
  • vi-shield-check-o
  • vi-shield-o
  • vi-shipped
  • vi-shop-bag
  • vi-shop-bag-o
  • vi-shop-cart
  • vi-shop-cart-o
  • vi-shop-order
  • vi-shop-sale
  • vi-sliders
  • vi-smile
  • vi-smile-o
  • vi-spinner
  • vi-star
  • vi-star-o
  • vi-stop-circle
  • vi-stop-circle-o
  • vi-sun
  • vi-sun-o
  • vi-table
  • vi-tag
  • vi-tag-o
  • vi-tags
  • vi-tags-o
  • vi-tasks
  • vi-taxi
  • vi-telephone
  • vi-theme
  • vi-theme-o
  • vi-tool
  • vi-train
  • vi-translate
  • vi-trash
  • vi-trash-big
  • vi-trash-big-o
  • vi-trash-o
  • vi-truck
  • vi-umbrella
  • vi-umbrella-o
  • vi-unlike
  • vi-unlike-o
  • vi-unlock
  • vi-unlock-o
  • vi-upload
  • vi-usd
  • vi-usd-circle
  • vi-usd-circle-o
  • vi-user
  • vi-user-book
  • vi-user-circle
  • vi-user-circle-o
  • vi-user-id
  • vi-user-id-o
  • vi-user-info
  • vi-user-list
  • vi-user-list-o
  • vi-user-o
  • vi-user-role
  • vi-user-role-o
  • vi-users
  • vi-users-o
  • vi-video
  • vi-video-camera
  • vi-video-camera-o
  • vi-video-o
  • vi-vip
  • vi-vip-o
  • vi-voice
  • vi-voice-slash
  • vi-volume
  • vi-volume-o
  • vi-volume-slash
  • vi-volume-slash-o
  • vi-wallet
  • vi-wallet-o
  • vi-weibo
  • vi-weixin
  • vi-weixin-mini
  • vi-weixin-moments
  • vi-wifi
  • vi-window-maximize
  • vi-window-minimize
  • vi-window-restore
  • vi-windows
  • vi-wine
  • vi-woman
  • vi-word
  • vi-world-line
  • vi-write
  • vi-zip
  • vi-zip-o
  • vi-zoom
  • vi-zoom-minus
  • vi-zoom-minus-o
  • vi-zoom-o
  • vi-zoom-plus
  • vi-zoom-plus-o