fix: register new favicon assets

frontend/index.html

@@ -12,9 +12,14 @@
     <meta name="application-name" content="Tier Maker" />
 
     <link rel="canonical" href="https://tmaker.sori.studio/" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <meta name="msapplication-config" content="/browserconfig.xml" />
+    <meta name="msapplication-TileColor" content="#090d16" />
 
     <meta property="og:site_name" content="Tier Maker" />
     <meta property="og:locale" content="ko_KR" />

frontend/nginx.conf

@@ -6,6 +6,27 @@ server {
   root /usr/share/nginx/html;
   index index.html;
 
+  location = /favicon.ico {
+    try_files /favicon.ico =404;
+    access_log off;
+    expires 7d;
+    add_header Cache-Control "public";
+  }
+
+  location ~ ^/(?:favicon-(?:16x16|32x32|96x96)|apple-icon-(?:57x57|60x60|72x72|76x76|114x114|120x120|144x144|152x152|180x180)|android-icon-(?:36x36|48x48|72x72|96x96|144x144|192x192)|ms-icon-(?:70x70|144x144|150x150|310x310))\.png$ {
+    try_files $uri =404;
+    access_log off;
+    expires 7d;
+    add_header Cache-Control "public";
+  }
+
+  location ~ ^/(?:manifest\.json|browserconfig\.xml)$ {
+    try_files $uri =404;
+    access_log off;
+    expires 1h;
+    add_header Cache-Control "public";
+  }
+
   location / {
     try_files $uri $uri/ /index.html;
   }

frontend/public/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#090d16</TileColor></tile></msapplication></browserconfig>

frontend/public/manifest.json

@@ -0,0 +1,46 @@
+{
+ "name": "Tier Maker",
+ "short_name": "Tier Maker",
+ "start_url": "/",
+ "display": "standalone",
+ "background_color": "#090d16",
+ "theme_color": "#090d16",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}