Skip to content

图标使用

项目使用 unplugin-icons 管理图标。

自定义 SVG 图标

将 SVG 文件放入 src/icons/ 目录,即可通过 <i-svg-{filename} /> 组件使用。

例如,src/icons/404.svg 对应使用:

vue
<template>
  <i-svg-404 class="h-190px w-200px" />
</template>

Element Plus 图标

Element Plus 图标通过 @iconify-json/ep 集成,可直接使用:

vue
<template>
  <i-ep-user />
  <i-ep-lock />
</template>

MIT License.