Quote Icon

An animated quote mark icon that pops its two speech-mark shapes on hover, for use in testimonial or blockquote UI.

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

import { QuoteIcon } from "@/components/ui/hu-quote-icon";

export default function QuoteIconDemo() {
  return (
    <div className="flex h-40 w-full items-center justify-center">
      <QuoteIcon size={64} duration={1} />
    </div>
  );
}