diff --git a/public/index.html b/public/index.html
index de0fbbf6f61494a147a11bbc37fb072d2fe0541c..44932a9c9876d1c16432d3dc5ff4d28b3b00fb8c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,10 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8" />
- <link rel="icon" href="https://static.igem.io/common/icons/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
+
+ <!-- favicon -->
+ <link rel="icon" href="https://static.igem.io/common/icons/favicons/favicon.svg" />
+ <link rel="apple-touch-icon" sizes="180x180" href="https://static.igem.io/common/icons/favicons/apple-touch-icon.png" />
+ <link rel="icon" type="image/png" sizes="32x32" href="https://static.igem.io/common/icons/favicons/favicon-32x32.png" />
+ <link rel="icon" type="image/png" sizes="16x16" href="https://static.igem.io/common/icons/favicons/favicon-16x16.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+ <link rel="mask-icon" href="https://static.igem.io/common/icons/favicons/safari-pinned-tab.svg" color="#5aaa47" />
+ <meta name="msapplication-TileColor" content="#5aaa47" />
+ <meta name="msapplication-square150x150logo" content="https://static.igem.io/common/icons/favicons/mstile-150x150.png" />
+
<script
defer
src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.min.js"
diff --git a/public/manifest.json b/public/manifest.json
index 2d99eefe508d2dd196b20cada03d5508236f8c9b..174f4ff0ec60d195d0c1a12bbaaf8381ac9ec4fe 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -3,8 +3,18 @@
"name": "iGEM",
"icons": [
{
- "src": "https://static.igem.io/common/icons/favicon.svg",
+ "src": "https://static.igem.io/common/icons/favicons/favicon.svg",
"type": "image/svg+xml"
+ },
+ {
+ "src": "https://static.igem.io/common/icons/favicons/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "https://static.igem.io/common/icons/favicons/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
}
],
"start_url": ".",