The Phosphor file pdf icon depicts a document with the letters "PDF" on it, commonly used to represent PDF files or actions related to them in user interfaces.
Common uses
- Download PDF button
- Link to a PDF document
- PDF viewer option
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FilePdf } from '@phosphor-icons/react';
<FilePdf size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FilePdf size={24} />thin
<FilePdf size={24} weight="thin" />light
<FilePdf size={24} weight="light" />bold
<FilePdf size={24} weight="bold" />fill
<FilePdf size={24} weight="fill" />duotone
<FilePdf size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- documentsfilesacrobatofficeeditorfilepdfpdf documentdocument pdfadobe pdffile type pdf
FAQ
- What does the file pdf icon represent?
- It represents a PDF document, often used for files in the Portable Document Format.
- How do I use the file pdf icon in React?
- Import it from the library like this: import { FilePdf } from '@phosphor-icons/react'. Then use it as a component: <FilePdf size={32} />.
- What is the license for this icon?
- The Phosphor icon library, including the file pdf icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →