heroicons-animated

Access a free, open-source collection of 316 beautifully animated icons for your React projects. Each icon is crafted to provide smooth, engaging animations, enhancing user interfaces with a dynamic touch. Built with Motion and Heroicons, this library is designed for ease of use.

Simply copy and paste the icons you need directly into your application. The library is MIT licensed, so you can use them freely in personal and commercial projects. All icons are fully customizable SVGs, giving you complete control over their appearance.

Installation

Use your preferred package manager to get started:

• pnpm: pnpm dlx shadcn@latest add @heroicons-animated/
• npm: npm dlx shadcn@latest add @heroicons-animated/
• yarn: yarn dlx shadcn@latest add @heroicons-animated/
• bun: bun dlx shadcn@latest add @heroicons-animated/

This collection is heavily inspired by the work of other creators in the community, aiming to provide a high-quality resource for developers.