Zoom In Icon

An animated magnifying-glass icon with a plus sign that rotates and pulses on hover, used for zoom-in or search-enlarge actions.

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

import { ZoomInIcon } from "@/components/ui/hu-zoom-in";

export default function ZoomInIconDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <ZoomInIcon size={48} />
    </div>
  );
}