Merge pull request #16 from hhimanshu/hhimanshu/DEV-41-favicon

feat(DEV-41): Add favicons to app
hhimanshu · Jul 30, 2021 · 39d06e7 · 39d06e7 · vercel · Jul 30, 2021
2 parents 6abc253 + 1bbd81c
commit 39d06e7
Show file tree

Hide file tree

Showing 11 changed files with 63 additions and 0 deletions.
diff --git a/src/icons/favicons/android-chrome-192x192.png b/src/icons/favicons/android-chrome-192x192.png
diff --git a/src/icons/favicons/android-chrome-512x512.png b/src/icons/favicons/android-chrome-512x512.png
diff --git a/src/icons/favicons/apple-touch-icon.png b/src/icons/favicons/apple-touch-icon.png
diff --git a/src/icons/favicons/browserconfig.xml b/src/icons/favicons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/src/icons/favicons/favicon-16x16.png b/src/icons/favicons/favicon-16x16.png
diff --git a/src/icons/favicons/favicon-32x32.png b/src/icons/favicons/favicon-32x32.png
diff --git a/src/icons/favicons/favicon.ico b/src/icons/favicons/favicon.ico
diff --git a/src/icons/favicons/mstile-150x150.png b/src/icons/favicons/mstile-150x150.png
diff --git a/src/icons/favicons/safari-pinned-tab.svg b/src/icons/favicons/safari-pinned-tab.svg
diff --git a/src/index.html b/src/index.html
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <link rel="manifest" href="/manifest.json" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
     <title>React PWA Starter</title>
   </head>
   <body>

diff --git a/webpack.common.js b/webpack.common.js
@@ -17,6 +17,7 @@ module.exports = {
       patterns: [
         { from: 'src/manifest.json', to: './' },
         { from: 'src/icons/manifest', to: './' },
+        { from: 'src/icons/favicons', to: './' },
       ],
     }),
     new InjectManifest({