未分類
27 3 月 2021

写了一个集成了多个常用图标库的 Vue 图标组件，在引入不同图标库的图标时大概可以更方便一些

写了一个集成了多个常用图标库的 Vue 图标组件，在引入不同图标库的图标时大概可以更方便一些

資深大佬 : Renovamen 0

因为想在博客里从不同的图标库引入图标，如果直接用它们各自的 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

欢迎用着试一试，或者提建议，或者提需求（比如继续加图标库）

大佬有話說 (5)

  • 資深大佬 : mryys

    star

  • 資深大佬 : awesomes

    缺少了一个我们在用的 https://materialdesignicons.com/ 不过基本上用它就足够了，图标库丰富，也支持 tree-shaking

  • 主 資深大佬 : Renovamen

    @awesomes 好的，多谢，有空加上。

  • 資深大佬 : ToPoGE

    兄弟 material.io
    没有吗？

  • 主 資深大佬 : Renovamen

    @ToPoGE 这个是用的是这个图标吗：github.com/google/material-design-icons ？我有空加上，多谢建议。