file-icons文件类型图标库
文件树里的图标总是想搞点好看的？file-icons这套字体图标库还挺合适，专门为各种文件类型量身定做了图标样式。不只是常见的pdf、js，像swift、tsconfig这些也都有对应图标，样式清爽，用着顺手。
安装方式也简单，直接一行：
npm install @uiw/file-icons --saveclass名，比如file-icon file-icon-swift，塞进你想加图标的元素里就行了。
它还有个蛮实用的搜索功能，在文档里搜关键字就能找到图标名和类名，比如你搜“java”，会列出所有相关的图标，还带预览，复制粘贴直接用，适合懒得自己折腾图标的小伙伴。
免费开放，商业项目也能用，没啥顾虑。如果你在搞一个带侧边栏文件导航的 IDE 类项目，或者像 VS Code 那种文件资源管理器，用它能省不少事。风格比较现代，搭配自己的 UI 也挺百搭。
要注意图标字体是基于 Unicode 的，默认字体名是ffont，别忘了在 CSS 里引用字体文件，不然图标显示不出来。
如果你还想看看其他类似资源，可以翻翻下面这几个：图标字体库、FontAwesome 4.5.0，或者像Vue Eva Icons这样直接集成到框架里的也蛮方便。
，想要一个文件类型丰富、样式统一、支持快速集成的图标方案，file-icons还挺值得一试的。
文件大小：1.46MB
评论区