写了一个集成了多个常用图标库的 Vue 图标组件，在引入不同图标库的图标时大概可以更方便一些
Renovamen · 2021-03-25 10:05:01 +08:00 · 2030 次点击这是一个创建于 1358 天前的主题，其中的信息可能已经有所发展或是发生改变。
因为想在博客里从不同的图标库引入图标，如果直接用它们各自的 Vue 组件的话，每个组件的引入风格都不一样，体验会很割裂很精分。于是写了一个集成了多个常用图标库的 Vue 图标组件，叫 oh-vue-icons。
主要特点：
- Tree-shakable，所以可以只引入需要的图标，从而减小打包体积
- 支持 Vue 2 和 Vue 3
- 支持 Typescript
- 目前支持来自 19 个常用的图标库的 20000+ 个图标，包括 Font Awesome 、Remix Icon 、Heroicons 、Bootstrap Icons 等等等，完整列表可以去文档里看。
一些链接：
- Github：github.com/Renovamen/oh-vue-icons
- 文档：oh-vue-icons.vercel.app/cn/docs
- 查找图标：oh-vue-icons.vercel.app/cn
欢迎用着试一试，或者提建议，或者提需求（比如继续加图标库）😁。
 |
1
mryys 2021-03-25 10:27:12 +08:00
star
|
 |
2
awesomes 2021-03-25 10:46:49 +08:00
缺少了一个我们在用的 https://materialdesignicons.com/ 不过基本上用它就足够了，图标库丰富，也支持 tree-shaking
|
 |
4
ToPoGE 2021-03-26 08:55:43 +08:00
兄弟 material.io
没有吗？ |
 |
5
Renovamen OP @ToPoGE 这个是用的是这个图标吗：github.com/google/material-design-icons ？我有空加上，多谢建议。
|
Select Language