Added favicons and logos

public/browserconfig.xml

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

public/index.html

@@ -4,6 +4,15 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link rel="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="manifest" href="%PUBLIC_URL%/site.webmanifest">
+    <link rel="mask-icon" href="%PUBLIC_URL%/safari-pinned-tab.svg" color="#cfc4fb">
+    <meta name="msapplication-TileColor" content="#cfc4fb">
+    <meta name="theme-color" content="#cfc4fb">
+
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta

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.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2506 4468 c-40 -36 -1136 -1878 -1136 -1910 0 -15 10 -38 23 -51 28
+-31 1131 -587 1163 -587 13 0 280 128 594 285 407 204 574 292 586 310 11 16
+14 36 11 55 -8 38 -1100 1868 -1133 1898 -14 12 -38 22 -54 22 -16 0 -40 -10
+-54 -22z m-36 -853 l0 -445 -377 -189 c-208 -104 -379 -188 -381 -186 -3 3
+749 1265 755 1265 1 0 3 -200 3 -445z m569 -193 c204 -343 371 -625 371 -628
+0 -2 -171 81 -380 186 l-380 190 0 447 c0 247 4 443 9 438 4 -6 175 -290 380
+-633z m-569 -862 c0 -220 -2 -400 -5 -400 -3 0 -183 91 -402 202 l-396 201
+394 198 c217 109 397 198 402 198 4 1 7 -179 7 -399z m589 201 l394 -198 -204
+-105 c-236 -122 -586 -298 -594 -298 -3 0 -5 180 -5 400 0 220 3 400 8 399 4
+0 184 -89 401 -198z"/>
+<path d="M1409 2267 c-22 -17 -39 -51 -39 -80 0 -16 178 -263 551 -763 303
+-406 564 -751 580 -766 18 -18 40 -28 59 -28 19 0 41 10 59 28 38 35 1123
+1491 1129 1514 13 51 -32 108 -85 108 -23 0 -191 -79 -568 -267 l-535 -268
+-535 268 c-541 270 -576 285 -616 254z m1061 -976 l0 -295 -345 461 c-190 254
+-345 464 -345 467 0 3 155 -72 345 -166 l345 -173 0 -294z m534 177 c-191
+-255 -349 -465 -350 -467 -2 -2 -4 128 -4 290 l0 294 343 172 c188 95 345 172
+350 172 4 1 -149 -207 -339 -461z"/>
+</g>
+</svg>

public/site.webmanifest

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