产品简介
solid-icons Solid Icons 是专为 SolidJS 设计的图标解决方案,提供17个图标包,兼容静态生成和SSR,具有树摇优化和TypeScript支持,适合需要高效集成图标的 SolidJS 开发者。

核心功能
- 17个图标包可用
- 兼容Solid Start静态生成和SSR
- 树摇优化,按需加载
- 可定制化配置
- 响应式设计
- 导入即用,简单声明
- 全面TypeScript支持
快速开始
- 使用Yarn或NPM安装solid-icons包
- 从对应图标库导入所需图标组件
- 在JSX中声明图标组件并配置属性
界面预览
与其他方案对比
| 对比项 | solid-icons | 同类方案 |
|---|---|---|
| 集成难度 | 导入即用,简单声明,无需额外配置 | 可能需要手动引入SVG或使用额外包装组件 |
| 图标库数量 | 内置17个流行图标库,如Ant Design、Bootstrap等 | 通常只支持单一图标库或需要分别集成 |
| 优化支持 | 树摇优化,只打包使用的图标,减少体积 | 可能整体打包图标库,增加构建体积 |
适合谁用
- 需要在SolidJS项目中快速集成图标的前端开发者
- 使用Solid Start进行静态生成或SSR的开发团队
- 希望减少图标加载体积的性能优化者
下载与版本
当前最新版本为 main,发布于 。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/x64Bits/solid-icons