attachments – How do I set the browser icon on a PDF uploaded to Media Library?


I have uploaded PDF files to my site to allow visitors to view those PDFS.

When the visitor clicks on the link and the PDF is displayed, the icon in the browser tab changes to the WordPress logo.

Eg.

 https://example.com/wp-content/uploads/my_file.pdf

Show this header:

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>my file.pdf</title>
<!-- This snippet is used in the Firefox extension (included from viewer.html) -->
<base href="resource://pdf.js/web/">
 <script src="../build/pdf.js"></script>
<link rel="stylesheet" href="viewer.css">
  <script src="viewer.js"></script>
 </head>

How do I modify the ‘head’ tag to display my own site icon?