How to Add favicon.ico to Your Website

Keren Xu


To add a interesting icon to the link of your website like below. We need to change two documents in your blogdown source files.

1️⃣ We need to put an object called in the folder static/img Here is a generator link.

2️⃣ Then we should make some changes to the document head_custom.html which lives in the folder layouts/partials/head_custom.html

<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="manifest" href="/img/site.webmanifest">