V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Renovamen
V2EX  ›  分享创造

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

  •  
  •   Renovamen · 2021-03-25 10:05:01 +08:00 · 2005 次点击
    这是一个创建于 1340 天前的主题,其中的信息可能已经有所发展或是发生改变。

    因为想在博客里从不同的图标库引入图标,如果直接用它们各自的 Vue 组件的话,每个组件的引入风格都不一样,体验会很割裂很精分。于是写了一个集成了多个常用图标库的 Vue 图标组件,叫 oh-vue-icons

    主要特点:

    • Tree-shakable,所以可以只引入需要的图标,从而减小打包体积
    • 支持 Vue 2 和 Vue 3
    • 支持 Typescript
    • 目前支持来自 19 个常用的图标库的 20000+ 个图标,包括 Font Awesome 、Remix Icon 、Heroicons 、Bootstrap Icons 等等等,完整列表可以去文档里看。

    一些链接:

    欢迎用着试一试,或者提建议,或者提需求(比如继续加图标库)😁。

    5 条回复    2021-03-26 09:39:43 +08:00
    mryys
        1
    mryys  
       2021-03-25 10:27:12 +08:00
    star
    awesomes
        2
    awesomes  
       2021-03-25 10:46:49 +08:00
    缺少了一个我们在用的 https://materialdesignicons.com/ 不过基本上用它就足够了,图标库丰富,也支持 tree-shaking
    Renovamen
        3
    Renovamen  
    OP
       2021-03-25 13:08:06 +08:00
    @awesomes 好的,多谢,有空加上。
    ToPoGE
        4
    ToPoGE  
       2021-03-26 08:55:43 +08:00
    兄弟 material.io
    没有吗?
    Renovamen
        5
    Renovamen  
    OP
       2021-03-26 09:39:43 +08:00
    @ToPoGE 这个是用的是这个图标吗:github.com/google/material-design-icons ?我有空加上,多谢建议。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1658 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 16:37 · PVG 00:37 · LAX 08:37 · JFK 11:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.