file pdf icon
file-pdf-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- file-pdf-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
file-pdf-filledAnt Design Iconsfile-pdfBoxIcons v2 Solidfile-pdfCodiconsfile-pdfFont Awesome 6 Regularfile-pdfFont Awesome 6 Solidfile-pdfFont Awesome Regularfile-pdfFont Awesome Solidfile-pdf-outlineFlowbite Iconsfile-pdfIconParkfile-pdfIconPark Outlinefile-pdfIconPark Solidfile-pdfIconPark TwoTonefile-pdfLine Awesomefile-pdfMaterial Design Iconsfile-pdfOcticonsfile-pdfPhosphorfile-pdfPrime Iconsfile-pdf-fillRemix Iconfile-pdfTDesign Icons
Related icons in Bootstrap Icons
file-arrow-downfile-arrow-upfile-bar-graphfile-binaryfile-breakfile-checkfile-codefile-difffile-earmarkfile-earmark-arrow-downfile-earmark-arrow-upfile-earmark-bar-graphfile-earmark-binaryfile-earmark-breakfile-earmark-checkfile-earmark-codefile-earmark-difffile-earmark-easelfile-earmark-excelfile-earmark-fontfile-earmark-imagefile-earmark-lockfile-earmark-lock2file-earmark-medical
Use the file pdf icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.523 10.424q.21-.124.459-.238a8 8 0 0 1-.45.606c-.28.337-.498.516-.635.572l-.035.012a.3.3 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36c.106-.165.319-.354.647-.548m2.455-1.647q-.178.037-.356.078a21 21 0 0 0 .5-1.05a12 12 0 0 0 .51.858q-.326.048-.654.114m2.525.939a4 4 0 0 1-.435-.41q.344.007.612.054c.317.057.466.147.518.209a.1.1 0 0 1 .026.064a.44.44 0 0 1-.06.2a.3.3 0 0 1-.094.124a.1.1 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256M8.278 4.97c-.04.244-.108.524-.2.829a5 5 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822c.038-.177.11-.248.196-.283a.5.5 0 0 1 .145-.04c.013.03.028.092.032.198q.008.183-.038.465z"/><path fill-rule="evenodd" d="M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m.165 11.668c.09.18.23.343.438.419c.207.075.412.04.58-.03c.318-.13.635-.436.926-.786c.333-.401.683-.927 1.021-1.51a11.6 11.6 0 0 1 1.997-.406c.3.383.61.713.91.95c.28.22.603.403.934.417a.86.86 0 0 0 .51-.138c.155-.101.27-.247.354-.416c.09-.181.145-.37.138-.563a.84.84 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.8 5.8 0 0 0-1.335-.05a11 11 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794c.036-.218.055-.426.048-.614a1.24 1.24 0 0 0-.127-.538a.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077c-.377.15-.576.47-.651.823c-.073.34-.04.736.046 1.136c.088.406.238.848.43 1.295a20 20 0 0 1-1.062 2.227a7.7 7.7 0 0 0-1.482.645c-.37.22-.699.48-.897.787c-.21.326-.275.714-.08 1.103"/></g></svg>
React
import type { SVGProps } from "react";
export function BiFilePdfFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.523 10.424q.21-.124.459-.238a8 8 0 0 1-.45.606c-.28.337-.498.516-.635.572l-.035.012a.3.3 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36c.106-.165.319-.354.647-.548m2.455-1.647q-.178.037-.356.078a21 21 0 0 0 .5-1.05a12 12 0 0 0 .51.858q-.326.048-.654.114m2.525.939a4 4 0 0 1-.435-.41q.344.007.612.054c.317.057.466.147.518.209a.1.1 0 0 1 .026.064a.44.44 0 0 1-.06.2a.3.3 0 0 1-.094.124a.1.1 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256M8.278 4.97c-.04.244-.108.524-.2.829a5 5 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822c.038-.177.11-.248.196-.283a.5.5 0 0 1 .145-.04c.013.03.028.092.032.198q.008.183-.038.465z"/><path fillRule="evenodd" d="M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m.165 11.668c.09.18.23.343.438.419c.207.075.412.04.58-.03c.318-.13.635-.436.926-.786c.333-.401.683-.927 1.021-1.51a11.6 11.6 0 0 1 1.997-.406c.3.383.61.713.91.95c.28.22.603.403.934.417a.86.86 0 0 0 .51-.138c.155-.101.27-.247.354-.416c.09-.181.145-.37.138-.563a.84.84 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.8 5.8 0 0 0-1.335-.05a11 11 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794c.036-.218.055-.426.048-.614a1.24 1.24 0 0 0-.127-.538a.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077c-.377.15-.576.47-.651.823c-.073.34-.04.736.046 1.136c.088.406.238.848.43 1.295a20 20 0 0 1-1.062 2.227a7.7 7.7 0 0 0-1.482.645c-.37.22-.699.48-.897.787c-.21.326-.275.714-.08 1.103"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.523 10.424q.21-.124.459-.238a8 8 0 0 1-.45.606c-.28.337-.498.516-.635.572l-.035.012a.3.3 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36c.106-.165.319-.354.647-.548m2.455-1.647q-.178.037-.356.078a21 21 0 0 0 .5-1.05a12 12 0 0 0 .51.858q-.326.048-.654.114m2.525.939a4 4 0 0 1-.435-.41q.344.007.612.054c.317.057.466.147.518.209a.1.1 0 0 1 .026.064a.44.44 0 0 1-.06.2a.3.3 0 0 1-.094.124a.1.1 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256M8.278 4.97c-.04.244-.108.524-.2.829a5 5 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822c.038-.177.11-.248.196-.283a.5.5 0 0 1 .145-.04c.013.03.028.092.032.198q.008.183-.038.465z"/><path fill-rule="evenodd" d="M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m.165 11.668c.09.18.23.343.438.419c.207.075.412.04.58-.03c.318-.13.635-.436.926-.786c.333-.401.683-.927 1.021-1.51a11.6 11.6 0 0 1 1.997-.406c.3.383.61.713.91.95c.28.22.603.403.934.417a.86.86 0 0 0 .51-.138c.155-.101.27-.247.354-.416c.09-.181.145-.37.138-.563a.84.84 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.8 5.8 0 0 0-1.335-.05a11 11 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794c.036-.218.055-.426.048-.614a1.24 1.24 0 0 0-.127-.538a.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077c-.377.15-.576.47-.651.823c-.073.34-.04.736.046 1.136c.088.406.238.848.43 1.295a20 20 0 0 1-1.062 2.227a7.7 7.7 0 0 0-1.482.645c-.37.22-.699.48-.897.787c-.21.326-.275.714-.08 1.103"/></g></svg> </template>
CSS
.icon-file-pdf-fill {
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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5.523%2010.424q.21-.124.459-.238a8%208%200%200%201-.45.606c-.28.337-.498.516-.635.572l-.035.012a.3.3%200%200%201-.026-.044c-.056-.11-.054-.216.04-.36c.106-.165.319-.354.647-.548m2.455-1.647q-.178.037-.356.078a21%2021%200%200%200%20.5-1.05a12%2012%200%200%200%20.51.858q-.326.048-.654.114m2.525.939a4%204%200%200%201-.435-.41q.344.007.612.054c.317.057.466.147.518.209a.1.1%200%200%201%20.026.064a.44.44%200%200%201-.06.2a.3.3%200%200%201-.094.124a.1.1%200%200%201-.069.015c-.09-.003-.258-.066-.498-.256M8.278%204.97c-.04.244-.108.524-.2.829a5%205%200%200%201-.089-.346c-.076-.353-.087-.63-.046-.822c.038-.177.11-.248.196-.283a.5.5%200%200%201%20.145-.04c.013.03.028.092.032.198q.008.183-.038.465z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%200h8a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2m.165%2011.668c.09.18.23.343.438.419c.207.075.412.04.58-.03c.318-.13.635-.436.926-.786c.333-.401.683-.927%201.021-1.51a11.6%2011.6%200%200%201%201.997-.406c.3.383.61.713.91.95c.28.22.603.403.934.417a.86.86%200%200%200%20.51-.138c.155-.101.27-.247.354-.416c.09-.181.145-.37.138-.563a.84.84%200%200%200-.2-.518c-.226-.27-.596-.4-.96-.465a5.8%205.8%200%200%200-1.335-.05a11%2011%200%200%201-.98-1.686c.25-.66.437-1.284.52-1.794c.036-.218.055-.426.048-.614a1.24%201.24%200%200%200-.127-.538a.7.7%200%200%200-.477-.365c-.202-.043-.41%200-.601.077c-.377.15-.576.47-.651.823c-.073.34-.04.736.046%201.136c.088.406.238.848.43%201.295a20%2020%200%200%201-1.062%202.227a7.7%207.7%200%200%200-1.482.645c-.37.22-.699.48-.897.787c-.21.326-.275.714-.08%201.103%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5.523%2010.424q.21-.124.459-.238a8%208%200%200%201-.45.606c-.28.337-.498.516-.635.572l-.035.012a.3.3%200%200%201-.026-.044c-.056-.11-.054-.216.04-.36c.106-.165.319-.354.647-.548m2.455-1.647q-.178.037-.356.078a21%2021%200%200%200%20.5-1.05a12%2012%200%200%200%20.51.858q-.326.048-.654.114m2.525.939a4%204%200%200%201-.435-.41q.344.007.612.054c.317.057.466.147.518.209a.1.1%200%200%201%20.026.064a.44.44%200%200%201-.06.2a.3.3%200%200%201-.094.124a.1.1%200%200%201-.069.015c-.09-.003-.258-.066-.498-.256M8.278%204.97c-.04.244-.108.524-.2.829a5%205%200%200%201-.089-.346c-.076-.353-.087-.63-.046-.822c.038-.177.11-.248.196-.283a.5.5%200%200%201%20.145-.04c.013.03.028.092.032.198q.008.183-.038.465z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%200h8a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2m.165%2011.668c.09.18.23.343.438.419c.207.075.412.04.58-.03c.318-.13.635-.436.926-.786c.333-.401.683-.927%201.021-1.51a11.6%2011.6%200%200%201%201.997-.406c.3.383.61.713.91.95c.28.22.603.403.934.417a.86.86%200%200%200%20.51-.138c.155-.101.27-.247.354-.416c.09-.181.145-.37.138-.563a.84.84%200%200%200-.2-.518c-.226-.27-.596-.4-.96-.465a5.8%205.8%200%200%200-1.335-.05a11%2011%200%200%201-.98-1.686c.25-.66.437-1.284.52-1.794c.036-.218.055-.426.048-.614a1.24%201.24%200%200%200-.127-.538a.7.7%200%200%200-.477-.365c-.202-.043-.41%200-.601.077c-.377.15-.576.47-.651.823c-.073.34-.04.736.046%201.136c.088.406.238.848.43%201.295a20%2020%200%200%201-1.062%202.227a7.7%207.7%200%200%200-1.482.645c-.37.22-.699.48-.897.787c-.21.326-.275.714-.08%201.103%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/file-pdf-fill.svg?color=%231a73e8&size=48
