Add favicon

src/assets/favicon/browserconfig.xml

+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

src/assets/favicon/safari-pinned-tab.svg

+<?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="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1320 1663 c0 -19 -38 -31 -82 -25 -33 4 -38 2 -38 -17 0 -19 -6 -21
+-61 -21 -59 0 -61 -1 -57 -23 4 -20 1 -23 -19 -19 -13 2 -23 -1 -23 -7 0 -5 8
+-8 18 -5 9 3 5 -2 -11 -11 -15 -9 -39 -14 -54 -13 -20 2 -28 -2 -31 -16 -3
+-13 0 -16 9 -11 8 5 10 4 5 -4 -4 -7 -17 -11 -28 -9 -12 2 -23 -3 -26 -11 -3
+-9 0 -11 9 -6 16 9 9 2 -36 -35 -16 -14 -23 -17 -16 -7 17 22 12 28 -18 20
+-17 -4 -22 -11 -18 -29 3 -17 -5 -31 -27 -51 l-31 -28 28 31 c24 26 26 32 12
+38 -11 4 -19 -2 -25 -19 -6 -16 -15 -23 -25 -19 -10 4 -15 0 -15 -15 0 -14 -6
+-21 -20 -21 -13 0 -20 -7 -20 -19 0 -10 -9 -21 -20 -24 -14 -3 -20 -14 -20
+-32 0 -18 4 -24 13 -19 8 5 8 2 -2 -9 -7 -9 -22 -17 -32 -17 -17 0 -24 -18
+-21 -51 1 -3 -9 -5 -21 -5 -17 1 -21 -4 -19 -19 2 -11 5 -24 5 -30 1 -5 -9
+-11 -22 -13 -19 -3 -22 -8 -18 -30 3 -15 -1 -38 -8 -52 -8 -14 -14 -19 -15
+-12 0 8 -6 12 -12 10 -15 -5 -18 -28 -7 -43 4 -5 1 -23 -6 -40 -9 -19 -14 -24
+-14 -12 -1 9 -6 17 -12 17 -6 0 -10 -17 -9 -42 4 -76 2 -87 -19 -81 -18 5 -19
+-4 -20 -163 0 -118 3 -172 12 -183 9 -12 9 -13 0 -7 -7 4 -13 3 -13 -3 0 -5
+18 -9 40 -8 46 2 47 4 36 87 -7 56 5 104 28 108 14 3 17 -2 15 -25 -1 -15 1
+-50 4 -78 4 -27 3 -76 -1 -108 -9 -61 -2 -77 25 -55 9 7 14 8 10 2 -8 -14 56
+-15 65 0 5 7 8 7 8 -2 0 -7 4 -11 9 -8 5 3 5 21 1 40 -4 19 -4 50 0 68 4 18 8
+27 9 21 1 -7 8 -13 16 -13 12 0 15 -15 15 -77 l0 -78 99 -3 c109 -4 117 1 101
+57 -6 20 -5 33 2 37 7 4 8 2 4 -4 -5 -8 0 -12 13 -12 16 0 21 7 22 28 2 52 4
+57 21 57 10 0 17 5 15 10 -1 6 -6 9 -11 7 -5 -2 -4 3 3 11 6 8 20 13 30 10 10
+-3 22 0 25 6 4 6 2 11 -4 11 -6 0 -8 5 -5 10 3 6 23 10 44 10 44 0 55 8 40 27
+-14 16 -12 16 87 13 73 -2 99 10 67 29 -16 9 -14 10 10 11 26 0 27 2 27 51 0
+27 3 48 8 46 4 -3 7 44 7 104 0 102 -1 109 -20 109 -16 0 -17 2 -5 10 10 6 -1
+8 -35 6 -67 -5 -65 -5 -65 -16 0 -7 15 -9 38 -6 36 6 36 6 7 -5 -16 -6 -59
+-11 -95 -12 -58 -2 -65 -4 -64 -22 0 -17 -6 -20 -35 -19 -52 3 -53 3 -46 14 3
+5 1 10 -6 10 -7 0 -9 3 -5 7 4 4 24 6 45 4 28 -2 40 2 45 14 3 9 4 20 2 23 -2
+4 13 7 35 7 21 0 38 5 37 10 -1 6 -9 9 -18 8 -8 -1 -2 4 14 11 21 9 56 12 118
+8 87 -5 88 -5 89 19 1 13 2 31 3 39 0 8 -3 18 -7 21 -4 3 -5 24 -1 46 5 34 9
+39 28 36 19 -4 21 0 22 41 0 25 -3 46 -8 46 -4 0 -8 -8 -8 -17 0 -9 -2 -14 -5
+-11 -8 8 5 59 14 54 3 -2 6 9 6 25 0 32 -7 34 -68 20 -23 -6 -51 -5 -70 0 -17
+5 -40 6 -49 3 -24 -7 -24 -35 0 -28 9 2 -1 -4 -23 -15 -46 -23 -72 -27 -35 -6
+l25 14 -30 -2 c-21 -1 -31 3 -33 15 -3 13 6 17 40 20 34 2 42 6 40 21 -3 19 5
+21 96 17 40 -1 62 2 62 9 0 6 -8 11 -17 12 -28 2 27 17 63 18 25 1 33 6 38 26
+4 14 11 23 17 19 6 -3 8 -13 4 -23 -5 -13 -4 -14 7 -3 7 7 13 34 13 60 0 43 2
+47 23 44 24 -3 30 16 11 35 -7 7 -4 9 14 6 19 -4 26 0 30 19 12 43 9 52 -10
+37 -11 -9 -10 -3 6 19 24 34 34 41 25 17 -4 -9 0 -15 10 -15 17 0 20 8 8 27
+-12 19 -282 15 -282 -4z m67 1 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2
+13 -5z m-90 -290 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2 13 -5z m-517
+-47 c0 -2 -10 -12 -22 -23 l-23 -19 19 23 c18 21 26 27 26 19z m487 -23 c-3
+-3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2 13 -5z m-146 -35 c12 -19 -30 -40
+-53 -28 -18 10 -20 8 -22 -21 -1 -8 -7 -14 -14 -12 -7 1 -12 -1 -12 -6 0 -4
+-15 -7 -32 -7 -28 0 -33 -3 -30 -22 2 -12 -2 -24 -7 -28 -7 -3 -8 0 -5 10 5
+11 2 14 -10 9 -9 -3 -16 -14 -16 -24 0 -23 -38 -56 -60 -52 -13 2 -19 -4 -22
+-20 -2 -15 -9 -22 -20 -20 -11 2 -18 -3 -18 -13 0 -9 5 -13 10 -10 18 11 11
+-1 -12 -21 -12 -10 -18 -13 -14 -6 4 7 1 12 -8 12 -10 0 -16 -9 -16 -21 0 -35
+-35 -19 -37 17 -1 26 9 41 54 85 31 30 53 48 49 42 -4 -7 -2 -13 3 -13 6 0 12
+5 12 10 1 6 2 16 3 22 1 9 14 12 39 10 35 -3 43 3 38 31 0 4 8 7 18 7 22 0 36
+26 18 34 -7 2 9 5 34 5 46 1 68 18 49 37 -5 5 9 8 32 7 22 0 44 -7 49 -14z
+m202 -246 c-7 -2 -21 -2 -30 0 -10 3 -4 5 12 5 17 0 24 -2 18 -5z m-60 -10
+c-7 -2 -19 -2 -25 0 -7 3 -2 5 12 5 14 0 19 -2 13 -5z m-578 -43 c-3 -5 3 -10
+14 -10 12 0 21 -7 21 -15 0 -8 -9 -15 -21 -15 -11 0 -18 4 -14 9 3 5 1 12 -5
+16 -10 6 -5 25 6 25 3 0 2 -4 -1 -10z m-7 -80 c-4 -23 -1 -30 9 -26 10 4 11 1
+3 -14 -10 -18 -11 -19 -30 -3 -11 10 -20 24 -20 32 0 11 -4 10 -15 -5 -14 -17
+-14 -15 0 14 10 21 23 32 36 32 18 0 21 -5 17 -30z m472 20 c-8 -5 -19 -10
+-25 -10 -5 0 -3 5 5 10 8 5 20 10 25 10 6 0 3 -5 -5 -10z m-150 -45 c0 -8 -9
+-15 -20 -15 -11 0 -20 7 -20 15 0 8 9 15 20 15 11 0 20 -7 20 -15z m-358 -60
+c2 -18 1 -42 -3 -52 -7 -16 -8 -17 -8 0 -1 9 -7 17 -15 17 -13 0 -26 46 -19
+67 8 24 41 0 45 -32z m253 25 c-3 -5 -12 -10 -18 -10 -7 0 -6 4 3 10 19 12 23
+12 15 0z m68 -9 c3 -13 -5 -29 -26 -48 -16 -15 -27 -22 -23 -15 5 8 0 12 -13
+12 -12 0 -21 7 -21 15 0 8 5 15 10 15 6 0 13 0 18 0 4 0 7 -4 7 -9 0 -20 13
+-20 30 -1 18 19 17 20 -3 20 -13 0 -22 6 -22 15 0 22 37 18 43 -4z m-103 -24
+c0 -2 -12 -14 -27 -28 l-28 -24 24 28 c23 25 31 32 31 24z m-399 -53 c-5 -16
+-10 -21 -10 -12 -1 18 10 51 15 45 2 -1 -1 -16 -5 -33z m422 -4 c3 -11 0 -23
+-5 -27 -7 -3 -8 -1 -4 5 5 8 0 12 -13 12 -23 0 -27 10 -9 28 14 14 24 8 31
+-18z m-285 -25 c-3 -24 -2 -42 3 -39 11 6 10 -4 -1 -31 -5 -11 -9 -14 -9 -7
+-1 6 -7 12 -15 12 -8 0 -15 16 -19 41 -7 52 0 69 25 69 18 0 20 -5 16 -45z
+m207 15 c-3 -6 4 -10 16 -10 12 0 19 -3 16 -6 -3 -4 -2 -15 4 -25 7 -14 6 -25
+-6 -41 -8 -13 -15 -17 -15 -10 0 6 -5 12 -11 12 -6 0 -9 -10 -7 -23 3 -17 0
+-23 -14 -23 -18 0 -22 8 -19 34 3 17 -9 15 -26 -5 -9 -12 -8 -6 3 18 12 27 21
+35 35 32 14 -4 19 0 19 16 0 15 -4 20 -12 15 -9 -5 -9 -2 1 9 15 18 26 23 16
+7z m382 -116 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2 13 -5z m-606 -27
+c-10 -9 -11 -8 -5 6 3 10 9 15 12 12 3 -3 0 -11 -7 -18z m188 -7 c-7 -5 -10
+-21 -7 -41 3 -19 0 -54 -7 -79 -11 -42 -12 -43 -17 -17 -3 15 -1 30 4 33 6 4
+5 10 -3 14 -7 5 -14 22 -15 39 -1 16 -5 34 -8 39 -3 6 -3 17 0 25 4 13 11 13
+36 5 20 -7 26 -13 17 -18z m-192 -32 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3
+4 -12 1 -19z m125 -20 c-8 -8 -9 -4 -5 13 4 13 8 18 11 10 2 -7 -1 -18 -6 -23z
+m-195 -55 c-3 -10 -5 -2 -5 17 0 19 2 27 5 18 2 -10 2 -26 0 -35z m230 -120
+c-3 -10 -5 -2 -5 17 0 19 2 27 5 18 2 -10 2 -26 0 -35z"/>
+<path d="M880 1114 c0 -14 3 -14 15 -4 8 7 15 14 15 16 0 2 -7 4 -15 4 -8 0
+-15 -7 -15 -16z"/>
+<path d="M785 1090 c-3 -5 1 -10 10 -10 9 0 13 5 10 10 -3 6 -8 10 -10 10 -2
+0 -7 -4 -10 -10z"/>
+<path d="M750 1055 c-8 -9 -8 -15 -2 -15 12 0 26 19 19 26 -2 2 -10 -2 -17
+-11z"/>
+<path d="M1385 1350 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
+-7 -4 -4 -10z"/>
+</g>
+</svg>

src/assets/favicon/site.webmanifest

+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

src/index.html

@@ -5,8 +5,16 @@
   <title>FUM</title>
   <base href="/">
 
+	<!-- favicon stuff -->
+	<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
+	<link rel="manifest" href="/assets/favicon/site.webmanifest">
+	<link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
+	<meta name="msapplication-TileColor" content="#da532c">
+	<meta name="theme-color" content="#ffffff"><Paste>
+
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 <body>