element-plus icon图标的正确使用姿势

前言：

为了适应vue3的更新，element组件也将其内容升级为了plus用以配套的使用，很多组件新增了更加多元的功能，但我用的时候就觉得那个icon图标，怎么变得特别难用呢？原来是没有掌握正确的使用方法

改变：

// 原来
<i class="el-icon-edit"></i>

// plus
 <el-icon :size="size" :color="color">
   <edit></edit>
 </el-icon>

根据文档也能看出，图标从原来的一个样式封装成了一个组件，在今后的版本迭代中可能会赋予图标更多的功能（目前支持尺寸和大小），这无疑是很方便的，但是在使用的时候发现，我的图标为什么显示不出来？？？

错误使用：

根据教程先下载相关包

然后按需引入图标，并使用