推荐开源项目：️ Heroicons - 精美的界面图标库

推荐开源项目：🛡️ Heroicons - 精美的界面图标库

heroicons.devWeb viewer for Heroicons (V2 and V1)项目地址:https://gitcode.com/gh_mirrors/he/heroicons.dev

Heroicons，一个由MIT许可的开源接口图标集合，专为web和应用开发设计。这些图标免费供您使用，无需任何归属声明。

🎨 设计者：@steveschoger 🔗
💻 网站开发者：@username_ZAYDEK 🔗
📢 推广链接：在Twitter上分享 🔗

📚 想要访问官方Heroicons网站？点击这里 🔗

网站特性

• ✨ 黑暗模式：让您在任何环境下都能舒适浏览
• ✨ 弹性搜索：支持各种命名规范（驼峰式，短横线，空格）
• ✨ 多版本预览：查看所有变体和版本，包括经典图标
• ✨ 预览调整：实时预览图标大小和描边宽度
• ✨ 一键复制：作为代码或@heroicons导入直接到剪贴板
• ✨ 格式多样化：提供JSX, Strict JSX 和 TypeScript JSX输出
• ✨ 下载便捷：自动生成文件名和扩展名
• ✨ 状态持久化：通过搜索参数保存您的选择

技术栈

heroicons.dev 使用了以下前沿技术构建：

• 🍳 Vite: 快速的前端构建工具
• 🍳 TypeScript: 提升代码质量和类型安全
• 🍳 React: 前端UI框架
• 🍳 UnoCSS: 超高效且全面的CSS预处理器
• 🍳 Sass: 更强大的CSS扩展语言

开始使用（Vite）

启动开发服务器：

npm run dev
# 或者 npx vite dev

构建生产环境版本：

npm run build
# 或者 npx tsc && npx vite build

预览生产环境版本：

npm run preview
# 或者 npx vite preview

许可证

该项目遵循MIT开放源码许可证。

---

Heroicons以其简洁的设计和易用的特性，无疑是提升你的web和应用界面品质的理想选择。无论是用于按钮、导航还是提示信息，它都能无缝融入各类设计风格。立即尝试，让Heroicons成为你下一个项目的得力伙伴吧！

heroicons.devWeb viewer for Heroicons (V2 and V1)项目地址:https://gitcode.com/gh_mirrors/he/heroicons.dev