Update favicon

Author: pyjun01

src/components/List.tsx

@@ -6,13 +6,13 @@ const ListContainer = styled.ul`
   padding: 0;
 
   @media (max-width: 680px) {
-    padding-top: 32px;
+    padding-top: 2rem;
   }
 `;
 
 const Item = styled.li`
   & + & {
-    margin-top: 16px;
+    margin-top: 3rem;
   }
 
   * {

src/html.js

@@ -8,8 +8,18 @@ export default function HTML(props) {
         <meta charSet='utf-8' />
         <meta httpEquiv='x-ua-compatible' content='ie=edge' />
         <meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no' />
+        <link rel='icon' type='image/x-icon' href='/favicons/favicon.ico'></link>
+        <link rel='icon' type='image/png' href='/favicons/favicon-16.png' sizes='16x16' />
+        <link rel='icon' type='image/png' href='/favicons/favicon-32.png' sizes='32x32' />
+        <link rel='icon' type='image/png' href='/favicons/favicon-48.png' sizes='48x48' />
+        <link rel='icon' type='image/png' href='/favicons/favicon-96.png' sizes='96x96' />
+        <link rel='icon' type='image/png' href='/favicons/favicon-128.png' sizes='128x128' />
+        <link rel='icon' type='image/png' href='/favicons/favicon-256.png' sizes='256x256' />
+        <link rel='apple-touch-icon-precomposed' sizes='180x180' href='/favicons/apple-touch-icon.png' />
+        <link rel='manifest' href='/manifest.json'></link>
+        <meta name='application-name' content='pyjun01 개발 블로그' />
         <meta property='og:type' content='website' />
-        <meta property='og:site_name' content='pyjun01 blog' />
+        <meta property='og:site_name' content='pyjun01 개발 블로그' />
         <meta property='og:locale' content='ko_KR' />
         <meta name='theme-color' content='#1a5b89' />
         <meta name='naver-site-verification' content='2a28f13354877854bb05feb3be7bf8f34ff88f05' />

static/favicon.ico

@@ -0,0 +1,22 @@
+{
+  "name": "pyjun01 개발 블로그",
+  "short_name": "pyjun01 블로그",
+  "icons": [
+    {
+      "src": "/favicons/android-chrome-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/",
+  "background_color": "#1a5b89",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#1a5b89",
+  "description": "pyjun01 개발 블로그입니다"
+}