39 lines
938 B
Markdown
39 lines
938 B
Markdown
# Favicon SETUP
|
|
|
|
1. Go to [https://favicon.io](https://favicon.io)
|
|
2. Generate an icon pack
|
|
3. Drop all images in `/client/public/`
|
|
4. And configure these 2 files:
|
|
|
|
### manifest.json:
|
|
|
|
```
|
|
"icons": [
|
|
{
|
|
"src": "favicon.ico",
|
|
"sizes": "64x64 32x32 24x24 16x16",
|
|
"type": "image/x-icon"
|
|
},
|
|
{
|
|
"src":"android-chrome-192x192.png",
|
|
"sizes":"192x192",
|
|
"type":"image/png"
|
|
},
|
|
{
|
|
"src":"android-chrome-512x512.png",
|
|
"sizes":"512x512",
|
|
"type":"image/png"
|
|
}
|
|
],
|
|
```
|
|
|
|
### index.html:
|
|
|
|
```
|
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
<link rel="icon" type="image/x-icon" href="%PUBLIC_URL%/favicon.ico" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png" />
|
|
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png" />
|
|
```
|