Animated icon

Usage

"use client";

import { Search } from "lucide-react";
import { AnimatedIcon } from "@/components/ui/animated-icon";

export default function Example() {
  return (
    <>
      <button type="button" aria-label="Search"><AnimatedIcon icon={Search} size={18} /></button>
    </>
  );
}

Source files

• apps/web/src/components/ui/animated-icon.tsx
• apps/web/src/components/ui/icons/folders.tsx
• apps/web/src/components/ui/icons/mailbox.tsx
• apps/web/src/components/ui/icons/maximize-2.tsx
• apps/web/src/components/ui/icons/message-circle.tsx
• apps/web/src/components/ui/icons/scan-text.tsx
• apps/web/src/components/ui/icons/telescope.tsx
• apps/web/src/components/ui/icons/user-round-cog.tsx
• apps/web/src/components/ui/icons/users-round.tsx
• apps/web/src/components/ui/icons/volume-2.tsx

Source code

The implementation used by Ciele, including its supporting components. Original attribution and license notices remain in the files.