heroicons-animated is beautifully animated heroicons.

Demo → heroicons-animated

Sponsorship → heroicons-animated/sponsorship

Project Structure

heroicons-animated/├── src/                    # Website├── packages/│   └── react/              # React package

Installation

Using shadcn CLI

pnpm dlx shadcn add @heroicons-animated/heart

Using npm packages

pnpm add @heroicons-animated/react motion

import { BeakerIcon } from "@heroicons-animated/react";
export default function App() {  return (    <>      <BeakerIcon className="size-6" />    </>  );}

Star History

Contributing

We welcome contributions to heroicons-animated! Please read our contributing guidelines [blocked] on how to submit improvements and new icons.

Credits

• Original project: lucide-animated by @pqoqubbw
• Heroicons: heroicons.com

License

This project is licensed under the MIT License - see the LICENSE [blocked] file for details.

Contact

If you have any questions or just want to say hi, feel free to reach out to me on X 👉 @alaymanguy.