PDF File Icon

An SVG icon component that renders a PDF file logo, useful for file type indicators in upload lists, document cards, or download links.

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

import Pdf from "@/components/ui/core-pdf";

export default function PdfIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen bg-background">
      <Pdf className="w-24 h-24" />
    </div>
  );
}