IconFont 图标

• 下
  .coos-icon-icon3
• YDUI-单选框(选中)
  .coos-icon-yduidanxuankuangxuanzhong
• YDUI-单选框
  .coos-icon-yduidanxuankuang
• YDUI-复选框(选中)
  .coos-icon-yduifuxuankuangxuanzhong
• YDUI-复选框
  .coos-icon-yduifuxuankuang
• YDUI-勾选
  .coos-icon-yduigouxuan
• check-circle
  .coos-icon-check-circle
• CI
  .coos-icon-CI
• Dollar
  .coos-icon-Dollar
• compass
  .coos-icon-compass
• close-circle
  .coos-icon-close-circle
• frown
  .coos-icon-frown
• info-circle
  .coos-icon-info-circle
• left-circle
  .coos-icon-left-circle
• down-circle
  .coos-icon-down-circle
• EURO
  .coos-icon-EURO
• copyright
  .coos-icon-copyright
• minus-circle
  .coos-icon-minus-circle
• meh
  .coos-icon-meh
• plus-circle
  .coos-icon-plus-circle
• play-circle
  .coos-icon-play-circle
• question-circle
  .coos-icon-question-circle
• Pound
  .coos-icon-Pound
• right-circle
  .coos-icon-right-circle
• smile
  .coos-icon-smile
• trademark
  .coos-icon-trademark
• time-circle
  .coos-icon-time-circle
• time out
  .coos-icon-timeout
• earth
  .coos-icon-earth
• YUAN
  .coos-icon-YUAN
• up-circle
  .coos-icon-up-circle
• warning-circle
  .coos-icon-warning-circle
• sync
  .coos-icon-sync
• transaction
  .coos-icon-transaction
• undo
  .coos-icon-undo
• redo
  .coos-icon-redo
• reload
  .coos-icon-reload
• reload time
  .coos-icon-reloadtime
• message
  .coos-icon-message
• dashboard
  .coos-icon-dashboard
• issues close
  .coos-icon-issuesclose
• poweroff
  .coos-icon-poweroff
• logout
  .coos-icon-logout
• login
  .coos-icon-login
• pie chart
  .coos-icon-piechart
• setting
  .coos-icon-setting
• eye
  .coos-icon-eye
• location
  .coos-icon-location
• edit-square
  .coos-icon-edit-square
• export
  .coos-icon-export
• save
  .coos-icon-save
• Import
  .coos-icon-Import
• app store
  .coos-icon-appstore
• close-square
  .coos-icon-close-square
• down-square
  .coos-icon-down-square
• layout
  .coos-icon-layout
• left-square
  .coos-icon-left-square
• play-square
  .coos-icon-play-square
• control
  .coos-icon-control
• code library
  .coos-icon-codelibrary
• detail
  .coos-icon-detail
• minus-square
  .coos-icon-minus-square
• plus-square
  .coos-icon-plus-square
• right-square
  .coos-icon-right-square
• project
  .coos-icon-project
• wallet
  .coos-icon-wallet
• up-square
  .coos-icon-up-square
• calculator
  .coos-icon-calculator
• interation
  .coos-icon-interation
• check-square
  .coos-icon-check-square
• border
  .coos-icon-border
• border-outer
  .coos-icon-border-outer
• border-top
  .coos-icon-border-top
• border-bottom
  .coos-icon-border-bottom
• border-left
  .coos-icon-border-left
• border-right
  .coos-icon-border-right
• border-inner
  .coos-icon-border-inner
• border-verticle
  .coos-icon-border-verticle
• border-horizontal
  .coos-icon-border-horizontal
• radius-bottomleft
  .coos-icon-radius-bottomleft
• radius-bottomright
  .coos-icon-radius-bottomright
• radius-upleft
  .coos-icon-radius-upleft
• radius-upright
  .coos-icon-radius-upright
• radius-setting
  .coos-icon-radius-setting
• add user
  .coos-icon-adduser
• delete team
  .coos-icon-deleteteam
• delete user
  .coos-icon-deleteuser
• addteam
  .coos-icon-addteam
• user
  .coos-icon-user
• team
  .coos-icon-team
• area chart
  .coos-icon-areachart
• line chart
  .coos-icon-linechart
• bar chart
  .coos-icon-barchart
• point map
  .coos-icon-pointmap
• container
  .coos-icon-container
• database
  .coos-icon-database
• sever
  .coos-icon-sever
• mobile
  .coos-icon-mobile
• tablet
  .coos-icon-tablet
• red envelope
  .coos-icon-redenvelope
• book
  .coos-icon-book
• file done
  .coos-icon-filedone
• reconciliation
  .coos-icon-reconciliation
• file -exception
  .coos-icon-file-exception
• file sync
  .coos-icon-filesync
• file search
  .coos-icon-filesearch
• solution
  .coos-icon-solution
• file protect
  .coos-icon-fileprotect
• file-add
  .coos-icon-file-add
• file-excel
  .coos-icon-file-excel
• file-exclamation
  .coos-icon-file-exclamation
• file-pdf
  .coos-icon-file-pdf
• file-image
  .coos-icon-file-image
• file-markdown
  .coos-icon-file-markdown
• file-unknown
  .coos-icon-file-unknown
• file-ppt
  .coos-icon-file-ppt
• file-word
  .coos-icon-file-word
• file
  .coos-icon-file
• file-zip
  .coos-icon-file-zip
• file-text
  .coos-icon-file-text
• file-copy
  .coos-icon-file-copy
• snippets
  .coos-icon-snippets
• audit
  .coos-icon-audit
• diff
  .coos-icon-diff
• Batch folding
  .coos-icon-Batchfolding
• security scan
  .coos-icon-securityscan
• property safety
  .coos-icon-propertysafety
• safety certificate
  .coos-icon-safetycertificate
• insurance
  .coos-icon-insurance
• alert
  .coos-icon-alert
• delete
  .coos-icon-delete
• hourglass
  .coos-icon-hourglass
• bulb
  .coos-icon-bulb
• experiment
  .coos-icon-experiment
• bell
  .coos-icon-bell
• trophy
  .coos-icon-trophy
• rest
  .coos-icon-rest
• USB
  .coos-icon-USB
• skin
  .coos-icon-skin
• home
  .coos-icon-home
• bank
  .coos-icon-bank
• filter
  .coos-icon-filter
• funnel plot
  .coos-icon-funnelplot
• like
  .coos-icon-like
• unlike
  .coos-icon-unlike
• unlock
  .coos-icon-unlock
• lock
  .coos-icon-lock
• customerservice
  .coos-icon-customerservice
• flag
  .coos-icon-flag
• money collect
  .coos-icon-moneycollect
• medicinebox
  .coos-icon-medicinebox
• shop
  .coos-icon-shop
• rocket
  .coos-icon-rocket
• shopping
  .coos-icon-shopping
• folder
  .coos-icon-folder
• folder-open
  .coos-icon-folder-open
• folder-add
  .coos-icon-folder-add
• deployment unit
  .coos-icon-deploymentunit
• account book
  .coos-icon-accountbook
• contacts
  .coos-icon-contacts
• carry out
  .coos-icon-carryout
• calendar-check
  .coos-icon-calendar-check
• calendar
  .coos-icon-calendar
• scan
  .coos-icon-scan
• select
  .coos-icon-select
• box plot
  .coos-icon-boxplot
• build
  .coos-icon-build
• sliders
  .coos-icon-sliders
• laptop
  .coos-icon-laptop
• barcode
  .coos-icon-barcode
• camera
  .coos-icon-camera
• cluster
  .coos-icon-cluster
• gateway
  .coos-icon-gateway
• car
  .coos-icon-car
• printer
  .coos-icon-printer
• read
  .coos-icon-read
• cloud-server
  .coos-icon-cloud-server
• cloud-upload
  .coos-icon-cloud-upload
• cloud
  .coos-icon-cloud
• cloud-download
  .coos-icon-cloud-download
• cloud-sync
  .coos-icon-cloud-sync
• video
  .coos-icon-video
• notification
  .coos-icon-notification
• sound
  .coos-icon-sound
• radar chart
  .coos-icon-radarchart
• qrcode
  .coos-icon-qrcode
• fund
  .coos-icon-fund
• image
  .coos-icon-image
• mail
  .coos-icon-mail
• table
  .coos-icon-table
• id card
  .coos-icon-idcard
• credit card
  .coos-icon-creditcard
• heart
  .coos-icon-heart
• block
  .coos-icon-block
• error
  .coos-icon-error
• star
  .coos-icon-star
• gold
  .coos-icon-gold
• heat map
  .coos-icon-heatmap
• wifi
  .coos-icon-wifi
• attachment
  .coos-icon-attachment
• edit
  .coos-icon-edit
• key
  .coos-icon-key
• api
  .coos-icon-api
• disconnect
  .coos-icon-disconnect
• highlight
  .coos-icon-highlight
• monitor
  .coos-icon-monitor
• link
  .coos-icon-link
• man
  .coos-icon-man
• percentage
  .coos-icon-percentage
• search
  .coos-icon-search
• pushpin
  .coos-icon-pushpin
• phone
  .coos-icon-phone
• shake
  .coos-icon-shake
• tag
  .coos-icon-tag
• wrench
  .coos-icon-wrench
• woman
  .coos-icon-woman
• tags
  .coos-icon-tags
• scissor
  .coos-icon-scissor
• mr
  .coos-icon-mr
• share
  .coos-icon-share
• branches
  .coos-icon-branches
• fork
  .coos-icon-fork
• shrink
  .coos-icon-shrink
• arrawsalt
  .coos-icon-arrawsalt
• vertical right
  .coos-icon-verticalright
• vertical left
  .coos-icon-verticalleft
• right
  .coos-icon-right
• left
  .coos-icon-left
• up
  .coos-icon-up
• down
  .coos-icon-down
• fullscreen
  .coos-icon-fullscreen
• fullscreen-exit
  .coos-icon-fullscreen-exit
• doubleleft
  .coos-icon-doubleleft
• double right
  .coos-icon-doubleright
• arrowright
  .coos-icon-arrowright
• arrowup
  .coos-icon-arrowup
• arrowleft
  .coos-icon-arrowleft
• arrowdown
  .coos-icon-arrowdown
• upload
  .coos-icon-upload
• colum-height
  .coos-icon-colum-height
• vertical-align-botto
  .coos-icon-vertical-align-botto
• vertical-align-middl
  .coos-icon-vertical-align-middl
• totop
  .coos-icon-totop
• vertical-align-top
  .coos-icon-vertical-align-top
• download
  .coos-icon-download
• sort-descending
  .coos-icon-sort-descending
• sort-ascending
  .coos-icon-sort-ascending
• fall
  .coos-icon-fall
• swap
  .coos-icon-swap
• stock
  .coos-icon-stock
• rise
  .coos-icon-rise
• indent
  .coos-icon-indent
• outdent
  .coos-icon-outdent
• menu
  .coos-icon-menu
• unordered list
  .coos-icon-unorderedlist
• ordered list
  .coos-icon-orderedlist
• align-right
  .coos-icon-align-right
• align-center
  .coos-icon-align-center
• align-left
  .coos-icon-align-left
• pic-center
  .coos-icon-pic-center
• pic-right
  .coos-icon-pic-right
• pic-left
  .coos-icon-pic-left
• bold
  .coos-icon-bold
• font-colors
  .coos-icon-font-colors
• exclaimination
  .coos-icon-exclaimination
• font-size
  .coos-icon-font-size
• infomation
  .coos-icon-infomation
• line-height
  .coos-icon-line-height
• strikethrough
  .coos-icon-strikethrough
• underline
  .coos-icon-underline
• number
  .coos-icon-number
• italic
  .coos-icon-italic
• code
  .coos-icon-code
• column-width
  .coos-icon-column-width
• check
  .coos-icon-check
• ellipsis
  .coos-icon-ellipsis
• dash
  .coos-icon-dash
• close
  .coos-icon-close
• enter
  .coos-icon-enter
• line
  .coos-icon-line
• minus
  .coos-icon-minus
• question
  .coos-icon-question
• plus
  .coos-icon-plus
• rollback
  .coos-icon-rollback
• small-dash
  .coos-icon-small-dash
• pause
  .coos-icon-pause
• bg-colors
  .coos-icon-bg-colors
• crown
  .coos-icon-crown
• drag
  .coos-icon-drag
• desktop
  .coos-icon-desktop
• gift
  .coos-icon-gift
• stop
  .coos-icon-stop
• fire
  .coos-icon-fire
• thunderbolt
  .coos-icon-thunderbolt
• check-circle-fill
  .coos-icon-check-circle-fill
• left-circle-fill
  .coos-icon-left-circle-fill
• down-circle-fill
  .coos-icon-down-circle-fill
• minus-circle-fill
  .coos-icon-minus-circle-fill
• close-circle-fill
  .coos-icon-close-circle-fill
• info-circle-fill
  .coos-icon-info-circle-fill
• up-circle-fill
  .coos-icon-up-circle-fill
• right-circle-fill
  .coos-icon-right-circle-fill
• plus-circle-fill
  .coos-icon-plus-circle-fill
• question-circle-fill
  .coos-icon-question-circle-fill
• EURO-circle-fill
  .coos-icon-EURO-circle-fill
• frown-fill
  .coos-icon-frown-fill
• copyright-circle-fil
  .coos-icon-copyright-circle-fil
• CI-circle-fill
  .coos-icon-CI-circle-fill
• compass-fill
  .coos-icon-compass-fill
• Dollar-circle-fill
  .coos-icon-Dollar-circle-fill
• poweroff-circle-fill
  .coos-icon-poweroff-circle-fill
• meh-fill
  .coos-icon-meh-fill
• play-circle-fill
  .coos-icon-play-circle-fill
• Pound-circle-fill
  .coos-icon-Pound-circle-fill
• smile-fill
  .coos-icon-smile-fill
• stop-fill
  .coos-icon-stop-fill
• warning-circle-fill
  .coos-icon-warning-circle-fill
• time-circle-fill
  .coos-icon-time-circle-fill
• trademark-circle-fil
  .coos-icon-trademark-circle-fil
• YUAN-circle-fill
  .coos-icon-YUAN-circle-fill
• heart-fill
  .coos-icon-heart-fill
• pie chart-circle-fil
  .coos-icon-piechart-circle-fil
• dashboard-fill
  .coos-icon-dashboard-fill
• message-fill
  .coos-icon-message-fill
• check-square-fill
  .coos-icon-check-square-fill
• down-square-fill
  .coos-icon-down-square-fill
• minus-square-fill
  .coos-icon-minus-square-fill
• close-square-fill
  .coos-icon-close-square-fill
• code library-fill
  .coos-icon-codelibrary-fill
• left-square-fill
  .coos-icon-left-square-fill
• play-square-fill
  .coos-icon-play-square-fill
• up-square-fill
  .coos-icon-up-square-fill
• right-square-fill
  .coos-icon-right-square-fill
• plus-square-fill
  .coos-icon-plus-square-fill
• account book-fill
  .coos-icon-accountbook-fill
• carry out-fill
  .coos-icon-carryout-fill
• calendar-fill
  .coos-icon-calendar-fill
• calculator-fill
  .coos-icon-calculator-fill
• interation-fill
  .coos-icon-interation-fill
• project-fill
  .coos-icon-project-fill
• detail-fill
  .coos-icon-detail-fill
• save-fill
  .coos-icon-save-fill
• wallet-fill
  .coos-icon-wallet-fill
• control-fill
  .coos-icon-control-fill
• layout-fill
  .coos-icon-layout-fill
• app store-fill
  .coos-icon-appstore-fill
• mobile-fill
  .coos-icon-mobile-fill
• tablet-fill
  .coos-icon-tablet-fill
• book-fill
  .coos-icon-book-fill
• red envelope-fill
  .coos-icon-redenvelope-fill
• safety certificate-f
  .coos-icon-safetycertificate-f
• property safety-fill
  .coos-icon-propertysafety-fill
• insurance-fill
  .coos-icon-insurance-fill
• security scan-fill
  .coos-icon-securityscan-fill
• file-exclamation-fil
  .coos-icon-file-exclamation-fil
• file-add-fill
  .coos-icon-file-add-fill
• file-fill
  .coos-icon-file-fill
• file-excel-fill
  .coos-icon-file-excel-fill
• file-markdown-fill
  .coos-icon-file-markdown-fill
• file-text-fill
  .coos-icon-file-text-fill
• file-ppt-fill
  .coos-icon-file-ppt-fill
• file-unknown-fill
  .coos-icon-file-unknown-fill
• file-word-fill
  .coos-icon-file-word-fill
• file-zip-fill
  .coos-icon-file-zip-fill
• file-pdf-fill
  .coos-icon-file-pdf-fill
• file-image-fill
  .coos-icon-file-image-fill
• diff-fill
  .coos-icon-diff-fill
• file-copy-fill
  .coos-icon-file-copy-fill
• snippets-fill
  .coos-icon-snippets-fill
• batch folding-fill
  .coos-icon-batchfolding-fill
• reconciliation-fill
  .coos-icon-reconciliation-fill
• folder-add-fill
  .coos-icon-folder-add-fill
• folder-fill
  .coos-icon-folder-fill
• folder-open-fill
  .coos-icon-folder-open-fill
• database-fill
  .coos-icon-database-fill
• container-fill
  .coos-icon-container-fill
• sever-fill
  .coos-icon-sever-fill
• calendar-check-fill
  .coos-icon-calendar-check-fill
• image-fill
  .coos-icon-image-fill
• id card-fill
  .coos-icon-idcard-fill
• credit card-fill
  .coos-icon-creditcard-fill
• fund-fill
  .coos-icon-fund-fill
• read-fill
  .coos-icon-read-fill
• contacts-fill
  .coos-icon-contacts-fill
• delete-fill
  .coos-icon-delete-fill
• notification-fill
  .coos-icon-notification-fill
• flag-fill
  .coos-icon-flag-fill
• money collect-fill
  .coos-icon-moneycollect-fill
• medicine box-fill
  .coos-icon-medicinebox-fill
• rest-fill
  .coos-icon-rest-fill
• shopping-fill
  .coos-icon-shopping-fill
• skin-fill
  .coos-icon-skin-fill
• video-fill
  .coos-icon-video-fill
• sound-fill
  .coos-icon-sound-fill
• bulb-fill
  .coos-icon-bulb-fill
• bell-fill
  .coos-icon-bell-fill
• filter-fill
  .coos-icon-filter-fill
• fire-fill
  .coos-icon-fire-fill
• funnel plot-fill
  .coos-icon-funnelplot-fill
• gift-fill
  .coos-icon-gift-fill
• hourglass-fill
  .coos-icon-hourglass-fill
• home-fill
  .coos-icon-home-fill
• trophy-fill
  .coos-icon-trophy-fill
• location-fill
  .coos-icon-location-fill
• cloud-fill
  .coos-icon-cloud-fill
• customerservice-fill
  .coos-icon-customerservice-fill
• experiment-fill
  .coos-icon-experiment-fill
• eye-fill
  .coos-icon-eye-fill
• like-fill
  .coos-icon-like-fill
• lock-fill
  .coos-icon-lock-fill
• unlike-fill
  .coos-icon-unlike-fill
• star-fill
  .coos-icon-star-fill
• unlock-fill
  .coos-icon-unlock-fill
• alert-fill
  .coos-icon-alert-fill
• api-fill
  .coos-icon-api-fill
• highlight-fill
  .coos-icon-highlight-fill
• phone-fill
  .coos-icon-phone-fill
• edit-fill
  .coos-icon-edit-fill
• pushpin-fill
  .coos-icon-pushpin-fill
• rocket-fill
  .coos-icon-rocket-fill
• thunderbolt-fill
  .coos-icon-thunderbolt-fill
• tag-fill
  .coos-icon-tag-fill
• wrench-fill
  .coos-icon-wrench-fill
• tags-fill
  .coos-icon-tags-fill
• bank-fill
  .coos-icon-bank-fill
• camera-fill
  .coos-icon-camera-fill
• error-fill
  .coos-icon-error-fill
• crown-fill
  .coos-icon-crown-fill
• mail-fill
  .coos-icon-mail-fill
• car-fill
  .coos-icon-car-fill
• printer-fill
  .coos-icon-printer-fill
• shop-fill
  .coos-icon-shop-fill
• setting-fill
  .coos-icon-setting-fill
• USB-fill
  .coos-icon-USB-fill
• golden-fill
  .coos-icon-golden-fill
• build-fill
  .coos-icon-build-fill
• box plot-fill
  .coos-icon-boxplot-fill
• sliders-fill
  .coos-icon-sliders-fill
• alibaba
  .coos-icon-alibaba
• alibabacloud
  .coos-icon-alibabacloud
• ant design
  .coos-icon-antdesign
• ant-cloud
  .coos-icon-ant-cloud
• behance
  .coos-icon-behance
• google plus
  .coos-icon-googleplus
• medium
  .coos-icon-medium
• google
  .coos-icon-google
• IE
  .coos-icon-IE
• amazon
  .coos-icon-amazon
• slack
  .coos-icon-slack
• alipay
  .coos-icon-alipay
• taobao
  .coos-icon-taobao
• zhihu
  .coos-icon-zhihu
• HTML5
  .coos-icon-HTML
• linkedin
  .coos-icon-linkedin
• yahoo
  .coos-icon-yahoo
• facebook
  .coos-icon-facebook
• skype
  .coos-icon-skype
• CodeSandbox
  .coos-icon-CodeSandbox
• chrome
  .coos-icon-chrome
• codepen
  .coos-icon-codepen
• aliwangwang
  .coos-icon-aliwangwang
• apple
  .coos-icon-apple
• android
  .coos-icon-android
• sketch
  .coos-icon-sketch
• Gitlab
  .coos-icon-Gitlab
• dribbble
  .coos-icon-dribbble
• instagram
  .coos-icon-instagram
• reddit
  .coos-icon-reddit
• windows
  .coos-icon-windows
• yuque
  .coos-icon-yuque
• Youtube
  .coos-icon-Youtube
• Gitlab-fill
  .coos-icon-Gitlab-fill
• dropbox
  .coos-icon-dropbox
• dingtalk
  .coos-icon-dingtalk
• android-fill
  .coos-icon-android-fill
• apple-fill
  .coos-icon-apple-fill
• HTML5-fill
  .coos-icon-HTML-fill
• windows-fill
  .coos-icon-windows-fill
• QQ
  .coos-icon-QQ
• twitter
  .coos-icon-twitter
• skype-fill
  .coos-icon-skype-fill
• weibo
  .coos-icon-weibo
• yuque-fill
  .coos-icon-yuque-fill
• Youtube-fill
  .coos-icon-Youtube-fill
• yahoo-fill
  .coos-icon-yahoo-fill
• wechat-fill
  .coos-icon-wechat-fill
• chrome-fill
  .coos-icon-chrome-fill
• alipay-circle-fill
  .coos-icon-alipay-circle-fill
• aliwangwang-fill
  .coos-icon-aliwangwang-fill
• behance-circle-fill
  .coos-icon-behance-circle-fill
• amazon-circle-fill
  .coos-icon-amazon-circle-fill
• codepen-circle-fill
  .coos-icon-codepen-circle-fill
• CodeSandbox-circle-f
  .coos-icon-CodeSandbox-circle-f
• dropbox-circle-fill
  .coos-icon-dropbox-circle-fill
• github-fill
  .coos-icon-github-fill
• dribbble-circle-fill
  .coos-icon-dribbble-circle-fill
• google plus-circle-f
  .coos-icon-googleplus-circle-f
• medium-circle-fill
  .coos-icon-medium-circle-fill
• QQ-circle-fill
  .coos-icon-QQ-circle-fill
• IE-circle-fill
  .coos-icon-IE-circle-fill
• google-circle-fill
  .coos-icon-google-circle-fill
• dingtalk-circle-fill
  .coos-icon-dingtalk-circle-fill
• sketch-circle-fill
  .coos-icon-sketch-circle-fill
• slack-circle-fill
  .coos-icon-slack-circle-fill
• twitter-circle-fill
  .coos-icon-twitter-circle-fill
• taobao-circle-fill
  .coos-icon-taobao-circle-fill
• weibo-circle-fill
  .coos-icon-weibo-circle-fill
• zhihu-circle-fill
  .coos-icon-zhihu-circle-fill
• reddit-circle-fill
  .coos-icon-reddit-circle-fill
• alipay-square-fill
  .coos-icon-alipay-square-fill
• dingtalk-square-fill
  .coos-icon-dingtalk-square-fill
• CodeSandbox-square-f
  .coos-icon-CodeSandbox-square-f
• behance-square-fill
  .coos-icon-behance-square-fill
• amazon-square-fill
  .coos-icon-amazon-square-fill
• codepen-square-fill
  .coos-icon-codepen-square-fill
• dribbble-square-fill
  .coos-icon-dribbble-square-fill
• dropbox-square-fill
  .coos-icon-dropbox-square-fill
• facebook-fill
  .coos-icon-facebook-fill
• google plus-square-f
  .coos-icon-googleplus-square-f
• google-square-fill
  .coos-icon-google-square-fill
• instagram-fill
  .coos-icon-instagram-fill
• IE-square-fill
  .coos-icon-IE-square-fill
• medium-square-fill
  .coos-icon-medium-square-fill
• linkedin-fill
  .coos-icon-linkedin-fill
• QQ-square-fill
  .coos-icon-QQ-square-fill
• reddit-square-fill
  .coos-icon-reddit-square-fill
• twitter-square-fill
  .coos-icon-twitter-square-fill
• sketch-square-fill
  .coos-icon-sketch-square-fill
• slack-square-fill
  .coos-icon-slack-square-fill
• taobao-square-fill
  .coos-icon-taobao-square-fill
• weibo-square-fill
  .coos-icon-weibo-square-fill
• zhihu-square-fill
  .coos-icon-zhihu-square-fill
• check-circle
  .coos-icon-circle
• close-square
  .coos-icon-square
• AK-LN三角下
  .coos-icon-ln_sanjiaoxia
• AK-LN三角上
  .coos-icon-ln_sanjiaoshang
• AK-LN三角右
  .coos-icon-ln_sanjiaoyou
• AK-LN三角左
  .coos-icon-ln_sanjiaozuo

font-class引用

---

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

与unicode使用方式相比，具有如下特点：

• 兼容性良好，支持ie8+，及所有现代浏览器。
• 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
• 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
• 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

第一步：引入项目下面生成的fontclass代码：

<link rel="stylesheet" type="text/css" href="./iconfont.css">

第二步：挑选相应图标并获取类名，应用于页面：

<i class="coos-font coos-icon-xxx"></i>

"coos-font"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。