Youtube Icon

An animated YouTube logo icon that plays a subtle play-button and frame bounce animation on hover, usable as a drop-in icon component.

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

import { YoutubeIcon } from "@/components/ui/hu-youtube";

export default function YoutubeIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-full p-10">
      <YoutubeIcon size={48} />
    </div>
  );
}