Audio Waveform Icon

An animated audio waveform icon that bounces its bars on hover or via an imperative ref, for use in media players, voice messages, or recording controls.

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

import { AudioWaveformIcon } from "@/components/ui/lu-audio-waveform";

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