feat: add fav icon

This commit is contained in:
Kyle Fang
2019-06-27 10:23:34 +08:00
parent 697a8b112a
commit 00a3289f9e
11 changed files with 56 additions and 31 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
public/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

9
public/browserconfig.xml Normal file
View File

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

BIN
public/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
public/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -2,23 +2,14 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<link href="apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="site.webmanifest" rel="manifest">
<link color="#5bbad5" href="safari-pinned-tab.svg" rel="mask-icon">
<meta content="#da532c" name="msapplication-TileColor">
<meta content="#ffffff" name="theme-color">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Booster</title>
</head>
<body>

View File

@@ -1,15 +0,0 @@
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}

BIN
public/mstile-150x150.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@@ -0,0 +1,26 @@
<?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="192.000000pt" height="192.000000pt" viewBox="0 0 192.000000 192.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,192.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M251 1868 c-5 -18 -60 -206 -120 -418 -61 -212 -114 -399 -120 -417
-5 -17 -7 -33 -5 -35 2 -2 67 -2 145 0 132 3 140 2 135 -15 -3 -10 -16 -56
-30 -103 -13 -47 -44 -155 -69 -240 -116 -397 -159 -546 -162 -560 -2 -8 -6
-23 -10 -32 -13 -32 4 -19 22 16 10 19 41 74 69 123 28 48 176 306 329 573
153 267 286 499 296 515 11 17 22 37 26 45 4 8 38 69 76 135 38 66 81 140 95
165 14 25 45 78 69 118 24 41 43 76 43 78 0 2 11 22 25 44 l25 40 -414 0 -414
0 -11 -32z"/>
<path d="M1253 1888 c-6 -7 -85 -141 -176 -298 -90 -157 -199 -343 -240 -415
-42 -71 -74 -131 -72 -134 7 -7 815 -4 858 3 155 25 286 206 292 404 6 187
-81 349 -224 420 -54 26 -63 27 -242 30 -145 3 -188 1 -196 -10z"/>
<path d="M667 880 c-7 -8 -17 -24 -23 -35 -32 -59 -430 -746 -451 -778 -13
-22 -22 -41 -19 -44 12 -12 1429 -3 1471 9 119 34 224 159 258 305 53 227 -36
450 -211 531 l-57 26 -478 1 c-416 0 -480 -2 -490 -15z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

14
public/site.webmanifest Normal file
View File

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