README.md

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 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 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.