diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 345ede2..d49f8f6 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -4,11 +4,20 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <title>{{ if not .IsHome }}{{ .Title }} &middot; {{ end }}{{ .Site.Title }}</title>
   <meta name="description" content="{{if .IsHome}}{{ $.Site.Params.description }}{{else}}{{.Description}}{{end}}" />
-  {{ if (fileExists "static/img/favicon.ico") -}}
-    <link rel="icon" type="image/x-icon" href="{{ "img/favicon.ico" | absURL}}">
+  {{ if (fileExists "static/apple-touch-icon.png") -}}
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
   {{ end -}}
-  {{ if (fileExists "static/img/favicon.png") -}}
-    <link rel="icon" type="image/png" href="{{ "img/favicon.png" | absURL}}">
+  {{ if (fileExists "static/favicon-32x32.png") -}}
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  {{ end -}}
+  {{ if (fileExists "static/favicon-16x16.png") -}}
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  {{ end -}}
+  {{ if (fileExists "static/site.webmanifest") -}}
+  <link rel="manifest" href="/site.webmanifest">
+  {{ end -}}
+  {{ if (fileExists "static/safari-pinned-tab.svg") -}}
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
   {{ end -}}
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.css" integrity="sha384-9eLZqc9ds8eNjO3TmqPeYcDj8n+Qfa4nuSiGYa6DjLNcv9BtN69ZIulL9+8CqC9Y" crossorigin="anonymous">