Wifi Icon

An animated WiFi signal icon that pulses its arcs and center dot on hover, for status indicators, network settings, and connectivity UI.

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

import { Wifi01Icon } from "@/components/ui/hu-wifi-0-1";

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