Vue2用法
<i class="el-icon-edit"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>Vue3用法
<!-- 使用 el-icon 为 SVG 图标提供属性 -->
<template>
<div>
<el-icon :size="size" :color="color">
<Edit />
</el-icon>
<!-- 或者独立使用它，不从父级获取属性 -->
<Edit />
</div>
</template>
| Vue2 | Vue3 | 图标 | 备注 |
|---|---|---|---|
| https://element.eleme/#/zh-CN/component/icon | https://element-plus/zh-CN/component/icon.html | ||
| 手动复制 | 只要安装了 @element-plus/icons-vue，就可以在任意版本里使用 SVG 图标。 可以点击图标复制代码。 | ||
| 无 | ArrowDownBold | ||
| 无 | ArrowLeftBold | ||
| 无 | ArrowRightBold | ||
| 无 | CloseBold | 加粗 | |
| 无 | ArrowUpBold | ||
| 无 | Compass | ||
| el-icon-message-solid | BellFilled | ||
| el-icon-s-cooperation | Briefcase | ||
| el-icon-s-open | BrushFilled | ||
| el-icon-tableware | Bowl | ||
| el-icon-s-custom | Avatar | ||
| el-icon-date | Calendar | ||
| el-icon-mobile-phone | Cellphone | ||
| el-icon-success | CircleCheckFilled | ||
| el-icon-s-claim | Checked | ||
| el-icon-error | CircleCloseFilled | ||
| el-icon-circle-plus-outline | CirclePlus | ||
| el-icon-time | Clock | ||
| el-icon-circle-plus | CirclePlusFilled | ||
| el-icon-camera-solid | CameraFilled | ||
| el-icon-bank-card | CreditCard | ||
| el-icon-dish-1 | DishDot | ||
| el-icon-el-icon-delete-solid | DeleteFilled | ||
| el-icon-light-rain | Drizzling | ||
| el-icon-platform-eleme | ElemeFilled | ||
| el-icon-edit-outline | Edit | ||
| el-icon-s-release | Failed | ||
| el-icon-s-unfold | Expand | 展开 | |
| 无 | Filter | ||
| el-icon-s-flag | Flag | ||
| el-icon-s-fold | Fold | 收起 | |
| el-icon-potato-strips | Fries | 薯条 | |
| el-icon-s-goods | GoodsFilled | ||
| el-icon-s-grid | Grid | ||
| el-icon-s-comment | Comment | ||
| el-icon-s-help | HelpFilled | ||
| el-icon-s-data | Histogram | ||
| el-icon-s-home | HomeFilled | ||
| el-icon-mobile-phone | Iphone | ||
| el-icon-info | InfoFilled | ||
| el-icon-location | LocationFilled | ||
| el-icon-attract | Magnet | ||
| el-icon-location-outline | Location | ||
| el-icon-receiving | MessageBox | ||
| el-icon-cloudy | MostlyCloudy | ||
| el-icon-more | MoreFilled | ||
| el-icon-water-cup | Mug | ||
| el-icon-turn-off-microphone | Mute | ||
| el-icon-close-notification | MuteNotification | ||
| el-icon-news | Notification | ||
| el-icon-notebook-1 | Notebook | ||
| el-icon-s-operation | Operation | ||
| el-icon-s-opportunity | Opportunity | ||
| el-icon-phone-outline | Phone | ||
| el-icon-picture | PictureFilled | ||
| el-icon-phone | PhoneFilled | ||
| el-icon-picture-outline-round | PictureRounded | ||
| el-icon-s-platform | Platform | ||
| el-icon-thumb | Pointer | ||
| el-icon-s-promotion | Promotion | ||
| el-icon-heavy-rain | Pouring | ||
| el-icon-table-lamp | reading-lamp | ||
| el-icon-question | question-filled | ||
| el-icon-remove | remove-filled | ||
| el-icon-c-scale-to-original | scale-to-original | ||
| el-icon-remove-outline | remove | ||
| el-icon-scissors | scissor | ||
| 无 | select | ||
| el-icon-s-management | management | ||
| 无 | semi-select | ||
| el-icon-shopping-bag-1 | shopping-bag | ||
| el-icon-s-shop | shop | ||
| el-icon-shopping-cart-2 | shopping-cart | ||
| el-icon-star-off | star | ||
| el-icon-s-check | stamp | ||
| el-icon-star-on | star-filled | ||
| el-icon-success | success-filled | ||
| 无 | switch | ||
| el-icon-s-ticket | ticket | ||
| el-icon-s-tools | tools | ||
| el-icon-s-marketing | trend-charts | ||
| el-icon-upload | upload-filled | ||
| el-icon-user-solid | user-filled | ||
| el-icon-upload2 | upload | ||
| el-icon-truck | van | ||
| el-icon-video-camera-solid | video-camera-filled | ||
| el-icon-warning | warning-filled | ||
| el-icon-s-finance | wallet-filled | ||
| el-icon-warning-outline | warning | ||
| el-icon-s-order | list | ||
发布评论