Demo → heroicons-animated

Sponsorship → heroicons-animated/sponsorship

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

pnpm dlx shadcn add @heroicons-animated/heart

pnpm add @heroicons-animated/react motion

import { BeakerIcon } from "@heroicons-animated/react";

export default function App() {
  return (
    <>
      <BeakerIcon className="size-6" />
    </>
  );
}

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

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

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

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