icon = el-icon-

根据您提供的引用内容，您可以使用两种方式来设置`el-button`的icon属性为`el-icon-`开头的值。

方式一是在`el-button`标签中直接设置`type="success"`和`icon="el-icon-plus"`，如下所示：

<el-button type="success" icon="el-icon-plus">新建规则</el-button>

方式二是在`main.js`文件中引入`@element-plus/icons-vue`，然后使用`Object.keys`方法将所有的图标组件注册到Vue实例中，最后在`el-button`标签内部使用`el-icon`组件和`Plus`图标组件来实现图标效果，如下所示：

<!-- 在main.js中引入 -->
import * as ElIcon from '@element-plus/icons-vue'
Object.keys(ElIcon).forEach((key) => { 
  app.component(key, ElIcon[key]) 
})

<!-- 在el-button标签中使用 -->
<el-button type="success">
  <el-icon style="vertical-align: middle">
    <Plus />
  </el-icon>
  <span style="vertical-align: middle">新建规则</span>
</el-button>

请注意，以上两种方式都可以实现设置`el-button`的icon属性为以`el-icon-`开头的值，具体取决于您的需求和具体的代码实现。