file pdf icon
file-pdf from Font Awesome Solid by Dave Gandy · Solid · Files · CC-BY-4.0 Attribution required.
- Name
- file-pdf
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Files
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
file-pdf-filledAnt Design Iconsfile-pdfBootstrap Iconsfile-pdfBoxIcons v2 Solidfile-pdfCodiconsfile-pdfFont Awesome 6 Regularfile-pdfFont Awesome 6 Solidfile-pdfFont Awesome Regularfile-pdf-outlineFlowbite Iconsfile-pdfIconParkfile-pdfIconPark Outlinefile-pdfIconPark Solidfile-pdfIconPark TwoTonefile-pdfLine Awesomefile-pdfMaterial Design Iconsfile-pdfOcticonsfile-pdfPhosphorfile-pdfPrime Iconsfile-pdf-fillRemix Iconfile-pdfTDesign Icons
More files icons from Font Awesome Solid
Use the file pdf icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 64c-35.3 0-64 28.7-64 64v384c0 35.3 28.7 64 64 64h80V464c0-35.3 28.7-64 64-64h176V234.5c0-17-6.7-33.3-18.7-45.3L322.7 82.7c-12-12-28.2-18.7-45.2-18.7zm261.5 176H296c-13.3 0-24-10.7-24-24v-93.5zM272 444c-11 0-20 9-20 20v128c0 11 9 20 20 20s20-9 20-20v-28h12c33.1 0 60-26.9 60-60s-26.9-60-60-60zm32 80h-12v-40h12c11 0 20 9 20 20s-9 20-20 20m96-80c-11 0-20 9-20 20v128c0 11 9 20 20 20h32c28.7 0 52-23.3 52-52v-64c0-28.7-23.3-52-52-52zm20 128v-88h12c6.6 0 12 5.4 12 12v64c0 6.6-5.4 12-12 12zm88-108v128c0 11 9 20 20 20s20-9 20-20v-44h28c11 0 20-9 20-20s-9-20-20-20h-28v-24h28c11 0 20-9 20-20s-9-20-20-20h-48c-11 0-20 9-20 20"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidFilePdf(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 64c-35.3 0-64 28.7-64 64v384c0 35.3 28.7 64 64 64h80V464c0-35.3 28.7-64 64-64h176V234.5c0-17-6.7-33.3-18.7-45.3L322.7 82.7c-12-12-28.2-18.7-45.2-18.7zm261.5 176H296c-13.3 0-24-10.7-24-24v-93.5zM272 444c-11 0-20 9-20 20v128c0 11 9 20 20 20s20-9 20-20v-28h12c33.1 0 60-26.9 60-60s-26.9-60-60-60zm32 80h-12v-40h12c11 0 20 9 20 20s-9 20-20 20m96-80c-11 0-20 9-20 20v128c0 11 9 20 20 20h32c28.7 0 52-23.3 52-52v-64c0-28.7-23.3-52-52-52zm20 128v-88h12c6.6 0 12 5.4 12 12v64c0 6.6-5.4 12-12 12zm88-108v128c0 11 9 20 20 20s20-9 20-20v-44h28c11 0 20-9 20-20s-9-20-20-20h-28v-24h28c11 0 20-9 20-20s-9-20-20-20h-48c-11 0-20 9-20 20"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 64c-35.3 0-64 28.7-64 64v384c0 35.3 28.7 64 64 64h80V464c0-35.3 28.7-64 64-64h176V234.5c0-17-6.7-33.3-18.7-45.3L322.7 82.7c-12-12-28.2-18.7-45.2-18.7zm261.5 176H296c-13.3 0-24-10.7-24-24v-93.5zM272 444c-11 0-20 9-20 20v128c0 11 9 20 20 20s20-9 20-20v-28h12c33.1 0 60-26.9 60-60s-26.9-60-60-60zm32 80h-12v-40h12c11 0 20 9 20 20s-9 20-20 20m96-80c-11 0-20 9-20 20v128c0 11 9 20 20 20h32c28.7 0 52-23.3 52-52v-64c0-28.7-23.3-52-52-52zm20 128v-88h12c6.6 0 12 5.4 12 12v64c0 6.6-5.4 12-12 12zm88-108v128c0 11 9 20 20 20s20-9 20-20v-44h28c11 0 20-9 20-20s-9-20-20-20h-28v-24h28c11 0 20-9 20-20s-9-20-20-20h-48c-11 0-20 9-20 20"/></svg> </template>
CSS
.icon-file-pdf {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2064c-35.3%200-64%2028.7-64%2064v384c0%2035.3%2028.7%2064%2064%2064h80V464c0-35.3%2028.7-64%2064-64h176V234.5c0-17-6.7-33.3-18.7-45.3L322.7%2082.7c-12-12-28.2-18.7-45.2-18.7zm261.5%20176H296c-13.3%200-24-10.7-24-24v-93.5zM272%20444c-11%200-20%209-20%2020v128c0%2011%209%2020%2020%2020s20-9%2020-20v-28h12c33.1%200%2060-26.9%2060-60s-26.9-60-60-60zm32%2080h-12v-40h12c11%200%2020%209%2020%2020s-9%2020-20%2020m96-80c-11%200-20%209-20%2020v128c0%2011%209%2020%2020%2020h32c28.7%200%2052-23.3%2052-52v-64c0-28.7-23.3-52-52-52zm20%20128v-88h12c6.6%200%2012%205.4%2012%2012v64c0%206.6-5.4%2012-12%2012zm88-108v128c0%2011%209%2020%2020%2020s20-9%2020-20v-44h28c11%200%2020-9%2020-20s-9-20-20-20h-28v-24h28c11%200%2020-9%2020-20s-9-20-20-20h-48c-11%200-20%209-20%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2064c-35.3%200-64%2028.7-64%2064v384c0%2035.3%2028.7%2064%2064%2064h80V464c0-35.3%2028.7-64%2064-64h176V234.5c0-17-6.7-33.3-18.7-45.3L322.7%2082.7c-12-12-28.2-18.7-45.2-18.7zm261.5%20176H296c-13.3%200-24-10.7-24-24v-93.5zM272%20444c-11%200-20%209-20%2020v128c0%2011%209%2020%2020%2020s20-9%2020-20v-28h12c33.1%200%2060-26.9%2060-60s-26.9-60-60-60zm32%2080h-12v-40h12c11%200%2020%209%2020%2020s-9%2020-20%2020m96-80c-11%200-20%209-20%2020v128c0%2011%209%2020%2020%2020h32c28.7%200%2052-23.3%2052-52v-64c0-28.7-23.3-52-52-52zm20%20128v-88h12c6.6%200%2012%205.4%2012%2012v64c0%206.6-5.4%2012-12%2012zm88-108v128c0%2011%209%2020%2020%2020s20-9%2020-20v-44h28c11%200%2020-9%2020-20s-9-20-20-20h-28v-24h28c11%200%2020-9%2020-20s-9-20-20-20h-48c-11%200-20%209-20%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/file-pdf.svg?color=%231a73e8&size=48
