Add favicon

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/public/mstile-150x150.png"/>
+            <TileColor>#560484</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/index.html

@@ -8,8 +8,14 @@
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <!-- <link rel="manifest" href="%PUBLIC_URL%/website-manifest.json"> -->
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
+    <link rel="mask-icon" href="%PUBLIC_URL%/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-config" content="%PUBLIC_URL%/browserconfig.xml">
+    <meta name="theme-color" content="#560484">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

public/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "version": "<%= package.version %>",
   "short_name": "Redar",
-  "name": "Redar JSON Browser",
+  "name": "Redar Browser",
   "icons": {
     "196": "favicon.ico"
   },

public/safari-pinned-tab.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M71 5092 c-19 -10 -43 -34 -53 -53 -17 -32 -18 -130 -18 -2500 l0
+-2466 23 -34 23 -34 2511 -3 2511 -2 26 31 26 31 0 2482 0 2483 -22 28 c-46
+59 126 55 -2540 55 -2357 0 -2455 -1 -2487 -18z m1689 -1002 l0 -190 -535 0
+-535 0 0 190 0 190 535 0 535 0 0 -190z m1816 175 c468 -62 758 -295 860 -690
+34 -136 43 -365 20 -509 -54 -329 -248 -619 -544 -813 l-83 -55 23 -36 c125
+-209 468 -710 686 -1004 120 -162 124 -169 117 -207 l-6 -38 -107 -31 c-209
+-61 -357 -90 -538 -106 -95 -8 -112 9 -264 277 -153 270 -333 602 -429 795
+l-71 142 -265 0 -265 0 0 -42 c0 -24 7 -248 15 -498 8 -250 15 -492 15 -537
+l0 -83 -361 0 -360 0 6 118 c31 604 34 905 20 1830 -8 510 -17 1056 -20 1215
+l-6 287 720 0 c591 0 741 -3 837 -15z m-1816 -945 l0 -190 -535 0 -535 0 0
+190 0 190 535 0 535 0 0 -190z m0 -770 l0 -190 -535 0 -535 0 0 190 0 190 535
+0 535 0 0 -190z m0 -785 l0 -185 -535 0 -535 0 0 185 0 185 535 0 535 0 0
+-185z m0 -755 l0 -190 -535 0 -535 0 0 190 0 190 535 0 535 0 0 -190z"/>
+<path d="M2877 3740 c-71 -5 -130 -10 -131 -12 -6 -6 -24 -1173 -19 -1178 2
+-3 124 -9 269 -14 242 -8 268 -7 311 9 133 51 273 172 330 286 52 102 74 205
+76 349 2 140 -9 201 -56 300 -54 114 -161 196 -317 240 -89 25 -268 33 -463
+20z"/>
+</g>
+</svg>

public/website-manifest.json

@@ -0,0 +1,19 @@
+{
+  "name": "Redar JSON Browser",
+  "short_name": "Redar",
+  "icons": [
+    {
+      "src": "/public/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/public/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#560484",
+  "background_color": "#560484",
+  "display": "standalone"
+}