如何使用图标

⭐⭐⭐⭐⭐

该后台提供了四种图标的使用方式，所有图标均可使用CSS修改尺寸和颜色。

一、使用 iconify 图标(推荐)

该后台已经安装了iconify里的Remix Icon图标集，目前已有两千余个图标，可以满足大部分使用需求， 并且打包时只会打包用到的图标。
图标地址：https://icones.js.org/collection/ri
使用方法：icon - 图标集名称 - 图标名称

<icon-ri-home-3-line />

或者

<IconRiHome3Line />

如果需要其他图标集也可以自行安装

npm i -D @iconify-json/xxx(图标集名称)

二、使用 element plus 自带图标

图标地址：https://element-plus.gitee.io/zh-CN/component/icon.html#icon-collection

<i class="el-icon-refresh" />

三、使用 SVG 图标

需将SVG文件保存至assets/icons文件夹中然后再使用

<svg-icon name="search-up" />

参数	说明	类型
name	SVG文件名	string

四、使用 remixicon 字体图标(不推荐)

需手动下载并引入项目中
图标地址：https://remixicon.com

<i class="ri-home-line" />