Icon 图标

提供了一套常用的图标集合。

使用方法

直接通过设置类名为 el-icon-iconName 来使用即可。例如:

Icon 图标 - 图1

  1. <i class="el-icon-edit"></i>
  2. <i class="el-icon-share"></i>
  3. <i class="el-icon-delete"></i>
  4. <el-button type="primary" icon="el-icon-search">搜索</el-button>

图标集合

Icon 图标 - 图2
Icon 图标 - 图3
Icon 图标 - 图4

  • el-icon-info
  • el-icon-error
  • el-icon-success
  • el-icon-warning
  • el-icon-question
  • el-icon-back
  • el-icon-arrow-left
  • el-icon-arrow-down
  • el-icon-arrow-right
  • el-icon-arrow-up
  • el-icon-caret-left
  • el-icon-caret-bottom
  • el-icon-caret-top
  • el-icon-caret-right
  • el-icon-d-arrow-left
  • el-icon-d-arrow-right
  • el-icon-minus
  • el-icon-plus
  • el-icon-remove
  • el-icon-circle-plus
  • el-icon-remove-outline
  • el-icon-circle-plus-outline
  • el-icon-close
  • el-icon-check
  • el-icon-circle-close
  • el-icon-circle-check
  • el-icon-circle-close-outline
  • el-icon-circle-check-outline
  • el-icon-zoom-out
  • el-icon-zoom-in
  • el-icon-d-caret
  • el-icon-sort
  • el-icon-sort-down
  • el-icon-sort-up
  • el-icon-tickets
  • el-icon-document
  • el-icon-goods
  • el-icon-sold-out
  • el-icon-news
  • el-icon-message
  • el-icon-date
  • el-icon-printer
  • el-icon-time
  • el-icon-bell
  • el-icon-mobile-phone
  • el-icon-service
  • el-icon-view
  • el-icon-menu
  • el-icon-more
  • el-icon-more-outline
  • el-icon-star-on
  • el-icon-star-off
  • el-icon-location
  • el-icon-location-outline
  • el-icon-phone
  • el-icon-phone-outline
  • el-icon-picture
  • el-icon-picture-outline
  • el-icon-delete
  • el-icon-search
  • el-icon-edit
  • el-icon-edit-outline
  • el-icon-rank
  • el-icon-refresh
  • el-icon-share
  • el-icon-setting
  • el-icon-upload
  • el-icon-upload2
  • el-icon-download
  • el-icon-loading

原文: http://element-cn.eleme.io/#/zh-CN/component/icon