Favicon + icons for future PWA

This commit is contained in:
Simon Cambier 2022-02-20 12:38:53 +01:00
parent 663528f8af
commit ddd871e8aa
15 changed files with 68 additions and 1 deletions

BIN
favicon.pdn Normal file

Binary file not shown.

BIN
favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

View File

@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="icon" href="/favicon.ico" />
<link rel="icon" href="/icons/favicon.ico" />
<title>N0mbers</title>
</head>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 831 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/icons/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,39 @@
<?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="1024.000000pt" height="1024.000000pt" viewBox="0 0 1024.000000 1024.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.14, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M4939 9586 c-2 -2 -46 -7 -97 -10 -51 -4 -103 -9 -115 -12 -12 -2
-42 -6 -67 -9 -209 -25 -495 -103 -700 -190 -637 -272 -1109 -804 -1311 -1476
-30 -100 -72 -295 -84 -388 -4 -30 -9 -63 -11 -75 -2 -12 -7 -61 -11 -111 -10
-119 -10 -4381 0 -4465 33 -276 55 -389 119 -594 39 -128 118 -321 166 -406
59 -106 107 -185 114 -188 5 -2 8 -8 8 -13 0 -5 6 -17 14 -26 8 -10 38 -49 67
-88 159 -211 373 -405 627 -567 52 -33 308 -158 382 -186 183 -71 455 -140
620 -157 30 -3 62 -8 70 -10 95 -25 827 -25 870 0 3 1 32 6 65 9 190 21 479
98 680 181 176 72 442 223 532 301 12 10 37 30 55 44 96 73 230 207 328 329
39 47 75 92 81 99 24 29 129 201 172 282 53 98 126 274 161 387 62 197 97 370
123 618 4 44 8 1043 8 2220 0 1853 -4 2318 -20 2345 -1 3 -6 32 -10 65 -15
137 -86 434 -115 487 -6 10 -10 23 -10 29 0 48 -171 396 -252 513 -172 248
-362 443 -588 600 -136 95 -270 171 -395 225 -55 23 -113 49 -130 56 -28 12
-91 32 -210 68 -114 34 -323 75 -480 93 -22 2 -58 7 -80 10 -46 6 -570 15
-576 10z m424 -931 c516 -43 951 -324 1199 -775 61 -110 142 -327 153 -408 2
-18 6 -36 9 -40 7 -11 26 -157 34 -252 9 -114 9 -4059 0 -4180 -4 -52 -9 -104
-12 -115 -2 -11 -7 -42 -10 -69 -4 -27 -9 -52 -11 -55 -1 -3 -6 -24 -9 -45
-17 -106 -95 -311 -165 -436 -101 -178 -251 -350 -406 -465 -22 -17 -42 -32
-45 -35 -3 -3 -36 -24 -75 -47 -249 -146 -513 -214 -836 -216 -292 -2 -515 42
-744 148 -178 82 -314 186 -486 372 -152 164 -283 437 -345 718 -11 46 -24
154 -33 267 -8 106 -6 4142 3 4203 3 22 8 59 11 83 54 406 257 782 551 1018
27 21 51 41 54 44 18 20 150 98 230 137 195 94 387 140 645 156 57 3 197 0
288 -8z"/>
<path d="M5080 5842 c-339 -43 -560 -244 -616 -561 -25 -141 -13 -320 29 -437
24 -67 66 -151 82 -164 8 -7 15 -18 15 -24 0 -6 33 -43 74 -82 143 -137 305
-194 530 -189 207 6 352 63 481 190 84 82 134 161 169 265 35 106 45 178 42
310 -3 133 -23 224 -72 323 -85 175 -262 314 -449 353 -74 15 -226 24 -285 16z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

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