file pdf icon
file-pdf from Octicons by GitHub · Regular · MIT Free for personal and commercial use.
- Name
- file-pdf
- Set
- Octicons
- Style
- Regular
- Viewbox
- 12×16
- License
- MIT
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-pdfFont Awesome Solidfile-pdf-outlineFlowbite Iconsfile-pdfIconParkfile-pdfIconPark Outlinefile-pdfIconPark Solidfile-pdfIconPark TwoTonefile-pdfLine Awesomefile-pdfMaterial Design Iconsfile-pdfPhosphorfile-pdfPrime Iconsfile-pdf-fillRemix Iconfile-pdfTDesign Icons
Related icons in Octicons
Use the file pdf icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M8.5 1H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4.5L8.5 1zM1 2h4a.68.68 0 0 0-.31.2a1.08 1.08 0 0 0-.23.47a4.22 4.22 0 0 0-.09 1.47c.06.609.173 1.211.34 1.8A21.78 21.78 0 0 1 3.6 8.6c-.5 1-.8 1.66-.91 1.84a7.156 7.156 0 0 0-.69.3c-.362.165-.699.38-1 .64V2zm4.42 4.8a5.65 5.65 0 0 0 1.17 2.09c.275.237.595.417.94.53c-.64.09-1.23.2-1.81.33c-.618.15-1.223.347-1.81.59s.22-.44.61-1.25c.365-.74.67-1.51.91-2.3l-.01.01zM11 14H1.5a.743.743 0 0 1-.17 0a2.12 2.12 0 0 0 .73-.44a10.14 10.14 0 0 0 1.78-2.38c.31-.13.58-.23.81-.31l.42-.14c.45-.13.94-.23 1.44-.33s1-.16 1.48-.2c.447.216.912.394 1.39.53c.403.11.814.188 1.23.23h.38V14H11zm0-4.86a3.743 3.743 0 0 0-.64-.28a4.221 4.221 0 0 0-.75-.11c-.411.003-.822.03-1.23.08a3 3 0 0 1-1-.64a6.07 6.07 0 0 1-1.29-2.33c.111-.661.178-1.33.2-2c.02-.25.02-.5 0-.75a1.05 1.05 0 0 0-.2-.88a.82.82 0 0 0-.61-.23H8l3 3v4.14z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function OcticonFilePdf(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fillRule="evenodd" d="M8.5 1H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4.5L8.5 1zM1 2h4a.68.68 0 0 0-.31.2a1.08 1.08 0 0 0-.23.47a4.22 4.22 0 0 0-.09 1.47c.06.609.173 1.211.34 1.8A21.78 21.78 0 0 1 3.6 8.6c-.5 1-.8 1.66-.91 1.84a7.156 7.156 0 0 0-.69.3c-.362.165-.699.38-1 .64V2zm4.42 4.8a5.65 5.65 0 0 0 1.17 2.09c.275.237.595.417.94.53c-.64.09-1.23.2-1.81.33c-.618.15-1.223.347-1.81.59s.22-.44.61-1.25c.365-.74.67-1.51.91-2.3l-.01.01zM11 14H1.5a.743.743 0 0 1-.17 0a2.12 2.12 0 0 0 .73-.44a10.14 10.14 0 0 0 1.78-2.38c.31-.13.58-.23.81-.31l.42-.14c.45-.13.94-.23 1.44-.33s1-.16 1.48-.2c.447.216.912.394 1.39.53c.403.11.814.188 1.23.23h.38V14H11zm0-4.86a3.743 3.743 0 0 0-.64-.28a4.221 4.221 0 0 0-.75-.11c-.411.003-.822.03-1.23.08a3 3 0 0 1-1-.64a6.07 6.07 0 0 1-1.29-2.33c.111-.661.178-1.33.2-2c.02-.25.02-.5 0-.75a1.05 1.05 0 0 0-.2-.88a.82.82 0 0 0-.61-.23H8l3 3v4.14z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M8.5 1H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4.5L8.5 1zM1 2h4a.68.68 0 0 0-.31.2a1.08 1.08 0 0 0-.23.47a4.22 4.22 0 0 0-.09 1.47c.06.609.173 1.211.34 1.8A21.78 21.78 0 0 1 3.6 8.6c-.5 1-.8 1.66-.91 1.84a7.156 7.156 0 0 0-.69.3c-.362.165-.699.38-1 .64V2zm4.42 4.8a5.65 5.65 0 0 0 1.17 2.09c.275.237.595.417.94.53c-.64.09-1.23.2-1.81.33c-.618.15-1.223.347-1.81.59s.22-.44.61-1.25c.365-.74.67-1.51.91-2.3l-.01.01zM11 14H1.5a.743.743 0 0 1-.17 0a2.12 2.12 0 0 0 .73-.44a10.14 10.14 0 0 0 1.78-2.38c.31-.13.58-.23.81-.31l.42-.14c.45-.13.94-.23 1.44-.33s1-.16 1.48-.2c.447.216.912.394 1.39.53c.403.11.814.188 1.23.23h.38V14H11zm0-4.86a3.743 3.743 0 0 0-.64-.28a4.221 4.221 0 0 0-.75-.11c-.411.003-.822.03-1.23.08a3 3 0 0 1-1-.64a6.07 6.07 0 0 1-1.29-2.33c.111-.661.178-1.33.2-2c.02-.25.02-.5 0-.75a1.05 1.05 0 0 0-.2-.88a.82.82 0 0 0-.61-.23H8l3 3v4.14z" fill="currentColor"/></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%2012%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.5%201H1a1%201%200%200%200-1%201v12a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1V4.5L8.5%201zM1%202h4a.68.68%200%200%200-.31.2a1.08%201.08%200%200%200-.23.47a4.22%204.22%200%200%200-.09%201.47c.06.609.173%201.211.34%201.8A21.78%2021.78%200%200%201%203.6%208.6c-.5%201-.8%201.66-.91%201.84a7.156%207.156%200%200%200-.69.3c-.362.165-.699.38-1%20.64V2zm4.42%204.8a5.65%205.65%200%200%200%201.17%202.09c.275.237.595.417.94.53c-.64.09-1.23.2-1.81.33c-.618.15-1.223.347-1.81.59s.22-.44.61-1.25c.365-.74.67-1.51.91-2.3l-.01.01zM11%2014H1.5a.743.743%200%200%201-.17%200a2.12%202.12%200%200%200%20.73-.44a10.14%2010.14%200%200%200%201.78-2.38c.31-.13.58-.23.81-.31l.42-.14c.45-.13.94-.23%201.44-.33s1-.16%201.48-.2c.447.216.912.394%201.39.53c.403.11.814.188%201.23.23h.38V14H11zm0-4.86a3.743%203.743%200%200%200-.64-.28a4.221%204.221%200%200%200-.75-.11c-.411.003-.822.03-1.23.08a3%203%200%200%201-1-.64a6.07%206.07%200%200%201-1.29-2.33c.111-.661.178-1.33.2-2c.02-.25.02-.5%200-.75a1.05%201.05%200%200%200-.2-.88a.82.82%200%200%200-.61-.23H8l3%203v4.14z%22%20fill%3D%22currentColor%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%2012%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.5%201H1a1%201%200%200%200-1%201v12a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1V4.5L8.5%201zM1%202h4a.68.68%200%200%200-.31.2a1.08%201.08%200%200%200-.23.47a4.22%204.22%200%200%200-.09%201.47c.06.609.173%201.211.34%201.8A21.78%2021.78%200%200%201%203.6%208.6c-.5%201-.8%201.66-.91%201.84a7.156%207.156%200%200%200-.69.3c-.362.165-.699.38-1%20.64V2zm4.42%204.8a5.65%205.65%200%200%200%201.17%202.09c.275.237.595.417.94.53c-.64.09-1.23.2-1.81.33c-.618.15-1.223.347-1.81.59s.22-.44.61-1.25c.365-.74.67-1.51.91-2.3l-.01.01zM11%2014H1.5a.743.743%200%200%201-.17%200a2.12%202.12%200%200%200%20.73-.44a10.14%2010.14%200%200%200%201.78-2.38c.31-.13.58-.23.81-.31l.42-.14c.45-.13.94-.23%201.44-.33s1-.16%201.48-.2c.447.216.912.394%201.39.53c.403.11.814.188%201.23.23h.38V14H11zm0-4.86a3.743%203.743%200%200%200-.64-.28a4.221%204.221%200%200%200-.75-.11c-.411.003-.822.03-1.23.08a3%203%200%200%201-1-.64a6.07%206.07%200%200%201-1.29-2.33c.111-.661.178-1.33.2-2c.02-.25.02-.5%200-.75a1.05%201.05%200%200%200-.2-.88a.82.82%200%200%200-.61-.23H8l3%203v4.14z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/file-pdf.svg?color=%231a73e8&size=48
