diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index d59a00f..8789b2d 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -8,10 +8,9 @@
     <meta itemprop="name" content="{{ .Title }}" />
     <meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
     <meta name="theme-color" content="#f38e50">
+    <meta name="msapplication-TileColor" content="#f38e50">
 
-    {{ if fileExists "static/assets/favicon.png" -}}
-    <link href='{{ "assets/favicon.png" | relURL }}' rel="icon">
-    {{- end }}
+    {{ partial "favicons.html" . }}
 
     {{- $style := resources.Get "sass/style.scss" | toCSS | minify | fingerprint }}
     <link href='{{ $style.Permalink }}' rel='stylesheet' type="text/css" />
diff --git a/layouts/partials/favicons.html b/layouts/partials/favicons.html
new file mode 100644
index 0000000..1b26af0
--- /dev/null
+++ b/layouts/partials/favicons.html
@@ -0,0 +1,21 @@
+{{- if fileExists "static/assets/favicon.png" -}}
+    <link rel="icon" type="image/png" href='{{ "assets/favicon.png" | relURL }}'>
+{{- end }}
+{{- if fileExists "static/assets/favicon-16x16.png" }}
+    <link rel="icon" type="image/png" href='{{ "assets/favicon-16x16.png" | relURL }}' sizes="16x16">
+{{- end }}
+{{- if fileExists "static/assets/favicon-32x32.png" }}
+    <link rel="icon" type="image/png" href='{{ "assets/favicon-32x32.png" | relURL }}' sizes="32x32">
+{{- end }}
+{{- if fileExists "static/assets/favicon-48x48.png" }}
+    <link rel="icon" type="image/png" href='{{ "assets/favicon-48x48.png" | relURL }}' sizes="48x48">
+{{- end }}
+{{- if fileExists "static/assets/favicon-64x64.png" }}
+    <link rel="icon" type="image/png" href='{{ "assets/favicon-64x64.png" | relURL }}' sizes="64x64">
+{{- end }}
+{{- if fileExists "static/assets/favicon-96x96.png" }}
+    <link rel="icon" type="image/png" href='{{ "assets/favicon-96x96.png" | relURL }}' sizes="96x96">
+{{- end }}
+{{- if fileExists "static/assets/apple-touch-icon.png" }}
+    <link rel="apple-touch-icon" href='{{ "assets/apple-touch-icon.png" | relURL }}' sizes="180x180">
+{{- end }}