Merge pull request #986 from alphagov/add-48px-favicon

Add 48px favicon
alphagov · Sep 21, 2018 · 526e752 · 526e752
2 parents bed7410 + 85ed6b6
commit 526e752
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -53,6 +53,12 @@
 
   ([PR #1000](https://github.com/alphagov/govuk-frontend/pull/1000))
 
+- Add 48px favicon
+
+  Microsoft recommends including at least a 48x48px favicon.
+
+  ([PR #986](https://github.com/alphagov/govuk-frontend/pull/986))
+
 - Pull Request Title goes here
 
   Description goes here (optional)

diff --git a/src/assets/images/favicon.ico b/src/assets/images/favicon.ico
diff --git a/src/template.njk b/src/template.njk
@@ -12,7 +12,7 @@
     <meta name="theme-color" content="{{ themeColor | default('#0b0c0c') }}" /> {# Hardcoded value of $govuk-black #}
 
     {% block headIcons %}
-      <link rel="shortcut icon" href="{{ assetPath | default('/assets') }}/images/favicon.ico" type="image/x-icon" />
+      <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="{{ assetPath | default('/assets') }}/images/favicon.ico" type="image/x-icon" />
       <link rel="mask-icon" href="{{ assetPath | default('/assets') }}/images/govuk-mask-icon.svg" color="{{ themeColor | default('#0b0c0c') }}"> {# Hardcoded value of $govuk-black #}
       <link rel="apple-touch-icon" sizes="180x180" href="{{ assetPath | default('/assets') }}/images/govuk-apple-touch-icon-180x180.png">
       <link rel="apple-touch-icon" sizes="167x167" href="{{ assetPath | default('/assets') }}/images/govuk-apple-touch-icon-167x167.png">