
Heroicons是一个免费的开源图标库，由Tailwind CSS的创始人开发。它提供了大量精美的SVG图标，旨在与 Tailwind CSS 无缝配合使用，但也可以在任何项目中使用。图标分为三种风格：Outline（轮廓）、Solid（实心）和 Mini（迷你），以满足不同的设计需求。网站提供了图标浏览、搜索和下载等功能，方便开发者和设计师快速找到并使用合适的图标。

## Heroicons

前一阵子使用next.js重构了blog，其中就包括一个内容：更换站内使用的图标为开源的免费的SVG图标，之前的图标很乱，使用图片和SVG的混合方式，而且源地址也不同，这次更换了next.js之后也是搜索了一段时间才发现的Heroicons，Heroicons使用方便，图标目前提供了300+，blog这种小项目的日常应用足够了。

搜索图标后，可以选择复制SVG或是复制jsx代码，这个很方便的，尤其是在项目中创建组件的时候复制jsx代码大大的节省了很多时间。

## 总结

https://heroicons.com/  官方地址，赶紧用起来吧！谁用谁知道，太方便了。


Heroicons 是一个免费的开源图标库，由Tailwind CSS的创始人开...

Heroicons由Tailwind CSS创始人开发免费的开源图标库



最近偶然发现了一个宝藏网站——**[Lucide Animated](https://lucide-animated.com/)**，用了一段时间后，真心觉得它值得每一位开发者、设计师甚至产品经理都试试看！

### 什么是 Lucide Animated？

Lucide Animated 是一个基于知名开源图标库 **Lucide** 的动画扩展版本。它在原有简洁、清晰的线性图标基础上，为每个图标都精心设计了**流畅自然的交互动画**，比如按钮悬停、加载状态、成功提示等等，让原本静态的界面一下子有了“呼吸感”。

### 为什么我特别喜欢它？

- ✅ **完全开源免费（MIT 许可证）**：无论是个人项目还是商业产品，都可以放心使用，无任何法律风险。
- ✅ **开箱即用，集成简单**：支持 SVG、React、Vue 等主流技术栈，复制粘贴就能用，省去自己写动画的麻烦。
- ✅ **风格统一，品质高**：延续 Lucide 的极简美学，动画不花哨但恰到好处，提升用户体验而不喧宾夺主。
- ✅ **图标数量丰富且持续更新**：从基础操作（如下载、上传、设置）到行业专用（如 Git、数据库、支付符号），覆盖非常全面。

我已经把我的博客的图标都更换成了Lucide Animated的动态图标了。

### 结语

如果你也厌倦了千篇一律的静态图标，或者想为你的项目加点“小心机”，**强烈推荐你去 [lucide-animated.com](https://lucide-animated.com/) 看一看**。它不仅节省了开发时间，还让产品多了一份精致与温度。

开源社区的力量，真的让人感动。希望这个小众但优秀的资源，能被更多人看见和使用！✨

> 📌 小提示：记得给项目点个 Star，支持一下作者！


最近偶然发现了一个宝藏网站，用了一段时间后，真心觉得它值得每一位开发者、设计师甚...

标签: ico

这个开源动画图标库，让界面瞬间动起来！

Heroicons由Tailwind CSS创始人开发免费的开源图标库