一个简洁、美观、支持暗黑模式的图标资源浏览工具，支持分类筛选、搜索、预览、批量选择及 ZIP 导出下载。

✨ 灵感来自苹果风格玻璃质感设计，适用于设计师资源整理、图标资产管理、内部素材平台搭建等场景。

• 🌈 支持 PNG / JPG / SVG / WebP 等图标类型
• 🎨 玻璃拟态风格，暗黑模式自动适配
• 🗂️ 分类导航 + 搜索过滤
• ✅ 批量选择图标，一键导出为 ZIP
• ⚡ 零依赖运行，无需服务端，仅需部署静态文件
• 🔍 图标名称自动展示（首字母大写）
• 🚀 快速部署于 GitHub Pages / Vercel 等平台

建议添加截图，例如：./screenshot.jpg

.
├── index.html           # 主页面
├── style.css            # 样式文件（支持暗黑模式）
├── script.js            # 主功能逻辑（筛选、搜索、导出）
├── icon-map.json        # 图标索引数据（可手动或脚本生成）
└── icons/               # 图标文件夹（支持多级分类）
    ├── system/
    ├── ui/
    └── social/

将图标资源放入 icons/ 文件夹中，可按分类组织子文件夹。

使用配套脚本（可选）生成 icon-map.json：

bash 复制 编辑 node generate-icon-map.js 打开 index.html 即可本地预览或上传部署。

• 点击右上角「批量选择」按钮开启选择模式
• 单击图标可勾选多个
• 点击「导出 ZIP」按钮，下载所有选中的图标

ZIP 文件将保留原分类结构。

适用于任何静态托管平台：

• GitHub Pages

• Vercel / Netlify

• 本地服务器（如 Nginx）

本工具为纯 HTML + CSS + JS 编写，零依赖，易于改造扩展：

• 增加图标详情弹窗（说明、授权等）

• 支持本地图标上传与预览

• 增加收藏夹或标签系统

MIT License

图标素材版权归原作者所有，请在使用中注明来源或使用自有版权资源。