基础用法

常用图标集合

<template>
  <div class="icon-list-demo">
    <i class="ro-icon-close"></i>
    <i class="ro-icon-setting"></i>
    <i class="ro-icon-edit"></i>
    <i class="ro-icon-delete"></i>
  </div>
</template>

显示代码 复制代码 复制代码

图标集合

• ro-icon-check-circle
• ro-icon-compass
• ro-icon-close-circle
• ro-icon-frown
• ro-icon-info-circle
• ro-icon-left-circle
• ro-icon-down-circle
• ro-icon-minus-circle
• ro-icon-meh
• ro-icon-plus-circle
• ro-icon-play-circle
• ro-icon-question-circle
• ro-icon-right-circle
• ro-icon-smile
• ro-icon-time-circle
• ro-icon-timeout
• ro-icon-earth
• ro-icon-up-circle
• ro-icon-warning-circle
• ro-icon-sync
• ro-icon-undo
• ro-icon-redo
• ro-icon-message
• ro-icon-dashboard
• ro-icon-poweroff
• ro-icon-piechart
• ro-icon-setting
• ro-icon-eye
• ro-icon-location
• ro-icon-edit-square
• ro-icon-user
• ro-icon-team
• ro-icon-areachart
• ro-icon-linechart
• ro-icon-barchart
• ro-icon-file-pdf
• ro-icon-file-image
• ro-icon-file-markdown
• ro-icon-file-ppt
• ro-icon-file-word
• ro-icon-file-zip
• ro-icon-alert
• ro-icon-delete
• ro-icon-bell
• ro-icon-USB
• ro-icon-skin
• ro-icon-home
• ro-icon-bank
• ro-icon-filter
• ro-icon-funnelplot
• ro-icon-like
• ro-icon-unlike
• ro-icon-unlock
• ro-icon-lock
• ro-icon-customerservice
• ro-icon-rocket
• ro-icon-shopping
• ro-icon-folder
• ro-icon-folder-open
• ro-icon-folder-add
• ro-icon-laptop
• ro-icon-car
• ro-icon-cloud-upload
• ro-icon-cloud-download
• ro-icon-video
• ro-icon-notification
• ro-icon-sound
• ro-icon-error
• ro-icon-edit
• ro-icon-key
• ro-icon-tag
• ro-icon-share
• ro-icon-right
• ro-icon-left
• ro-icon-up
• ro-icon-down
• ro-icon-fullscreen
• ro-icon-fullscreen-exit
• ro-icon-arrowright
• ro-icon-arrowup
• ro-icon-arrowleft
• ro-icon-arrowdown
• ro-icon-upload
• ro-icon-download
• ro-icon-check
• ro-icon-close
• ro-icon-check-circle-fill
• ro-icon-left-circle-fill
• ro-icon-down-circle-fill
• ro-icon-minus-circle-fill
• ro-icon-close-circle-fill
• ro-icon-info-circle-fill
• ro-icon-up-circle-fill
• ro-icon-right-circle-fill
• ro-icon-plus-circle-fill
• ro-icon-question-circle-fill
• ro-icon-heart-fill
• ro-icon-dashboard-fill
• ro-icon-delete-fill
• ro-icon-alipay
• ro-icon-taobao
• ro-icon-zhihu
• ro-icon-skype
• ro-icon-chrome
• ro-icon-apple
• ro-icon-android
• ro-icon-instagram
• ro-icon-windows
• ro-icon-dingtalk
• ro-icon-android-fill
• ro-icon-apple-fill
• ro-icon-QQ
• ro-icon-twitter
• ro-icon-skype-fill
• ro-icon-weibo
• ro-icon-wechat-fill
• ro-icon-chrome-fill
• ro-icon-alipay-circle-fill
• ro-icon-github-fill
• ro-icon-zoomout
• ro-icon-audio
• ro-icon-audio-fill
• ro-icon-zoomin
• ro-icon-bug-fill
• ro-icon-bug
• ro-icon-caret-down
• ro-icon-backward
• ro-icon-caret-up
• ro-icon-caret-right
• ro-icon-caret-left
• ro-icon-fast-backward
• ro-icon-forward
• ro-icon-fast-forward
• ro-icon-search
• ro-icon-eyeclose-fill
• ro-icon-eye-close
• ro-icon-icon-test
• ro-icon-expend
• ro-icon-send