From 1e86859cc1c5c994f7140a18478bb4e22a067ec5 Mon Sep 17 00:00:00 2001
From: Ben Elferink <ben.elferink@icloud.com>
Date: Wed, 3 Feb 2021 18:20:37 +0200
Subject: [PATCH] added favicon HOW TO guide

---
 client/public/favicon_SETUP.md | 38 ++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 client/public/favicon_SETUP.md

diff --git a/client/public/favicon_SETUP.md b/client/public/favicon_SETUP.md
new file mode 100644
index 0000000..eed3bfd
--- /dev/null
+++ b/client/public/favicon_SETUP.md
@@ -0,0 +1,38 @@
+# Favicon SETUP
+
+1. Go to [https://favicon.io](https://favicon.io)
+2. Generate an icon pack
+3. Drop all images in `/client/public/`
+4. And configure these 2 files:
+
+### manifest.json:
+
+```
+"icons": [
+  {
+    "src": "favicon.ico",
+    "sizes": "64x64 32x32 24x24 16x16",
+    "type": "image/x-icon"
+  },
+  {
+    "src":"android-chrome-192x192.png",
+    "sizes":"192x192",
+    "type":"image/png"
+  },
+  {
+    "src":"android-chrome-512x512.png",
+    "sizes":"512x512",
+    "type":"image/png"
+  }
+],
+```
+
+### index.html:
+
+```
+<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+<link rel="icon" type="image/x-icon" href="%PUBLIC_URL%/favicon.ico" />
+<link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png" />
+<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png" />
+```