Search Icon

An animated search (magnifying glass) icon whose lens wiggles on hover, for use in search bars, nav buttons, and toolbars.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Search Icon to your project and fits it to your theme.

import { SearchIcon } from "@/components/ui/lu-search";

export default function SearchIconDemo() {
  return (
    <div className="flex h-screen w-full items-center justify-center">
      <SearchIcon size={48} />
    </div>
  );
}