项目地址： vuepress-plugin-iconify
指南
添加 iconify 图标库支持。并注入全局组件 <Iconify>
支持 iconify 所有图标，支持通过 icon name 加载图标，可在iconify search 搜索图标使用。
安装
npm install @vuepress-plume/vuepress-plugin-iconify
yarn add @vuepress-plume/vuepress-plugin-iconify
pnpm add @vuepress-plume/vuepress-plugin-iconify
使用
// .vuepress/config.ts
import iconifyPlugin from '@vuepress-plume/vuepress-plugin-iconify'
module.exports = {
//...
plugins: [
iconifyPlugin({
componentName: 'Iconify'
})
]
// ...
}
Options
interface IconifyOptions {
/**
* 组件名， 默认 `Iconify`
*/
componentName?: string
color?: string
size?: string | number
}
Component
<template>
<Iconify name="material-symbols:home" color="currentColor" size="1em" />
</template>
效果：