feat: update icon

p208p2002 · p208p2002 · commit e9ad654f722a · 2024-10-27T00:40:19.000+08:00
diff --git a/public/icon.svg b/public/icon.svg
@@ -0,0 +1,10 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="64" fill="#E5E5E5"/>
+<rect width="64" height="64" fill="white"/>
+<rect x="2" y="2" width="60" height="60" rx="5" fill="#3563BD"/>
+<rect x="4" y="4" width="20" height="56" rx="5" fill="#D9D9D9" fill-opacity="0.5"/>
+<path d="M10.381 6.55329C9.58196 5.79061 8.31597 5.82005 7.55329 6.61905C6.79061 7.41804 6.82005 8.68403 7.61905 9.44671L10.381 6.55329ZM7.61905 9.44671L29.619 30.4467L32.381 27.5533L10.381 6.55329L7.61905 9.44671Z" fill="#76B900"/>
+<line x1="8.55936" y1="56.6127" x2="34.5594" y2="29.6127" stroke="white" stroke-width="4"/>
+<line x1="35" y1="57" x2="58" y2="57" stroke="#F7E00E" stroke-width="2"/>
+<path d="M38.1637 54V44.5455H42.2447C42.9464 44.5455 43.5604 44.6839 44.0867 44.9609C44.613 45.2379 45.0223 45.6272 45.3147 46.1289C45.6071 46.6306 45.7532 47.2169 45.7532 47.8878C45.7532 48.5649 45.6024 49.1512 45.3008 49.6467C45.0023 50.1422 44.5822 50.5238 44.0405 50.7915C43.5019 51.0593 42.8726 51.1932 42.1524 51.1932H39.7149V49.1989H41.6353C41.937 49.1989 42.1939 49.1465 42.4063 49.0419C42.6217 48.9342 42.7864 48.7818 42.9003 48.5849C43.0172 48.3879 43.0757 48.1555 43.0757 47.8878C43.0757 47.617 43.0172 47.3861 42.9003 47.1953C42.7864 47.0014 42.6217 46.8537 42.4063 46.7521C42.1939 46.6475 41.937 46.5952 41.6353 46.5952H40.7305V54H38.1637ZM46.305 54V44.5455H48.8718V48.2386H52.2695V44.5455H54.8362V54H52.2695V50.3068H48.8718V54H46.305Z" fill="white"/>
+</svg>
diff --git a/public/index.html b/public/index.html
@@ -52,7 +52,7 @@
   <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <meta charset="zh-Hant" />
-  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <link rel="icon" href="%PUBLIC_URL%/icon.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
   <meta property="og:image" content="https://media.githubusercontent.com/media/p208p2002/blog/gh-pages/og.png" />
diff --git a/src/App.css b/src/App.css
@@ -22,6 +22,13 @@
     font-size: 32px;
 }
 
+#App h1 img{
+    display: inline;
+    height: 36px;
+    padding-bottom: 6px;
+    padding-right: 6px;
+}
+
 #App .home-page-title {
     color: var(--text-1);
     text-decoration: none;
diff --git a/src/App.js b/src/App.js
@@ -44,10 +44,7 @@ function App() {
       <div style={{ marginTop: 40 }} className="text-center">
         <h1>
           <a href="/" className="home-page-title font-medium">
-            <span className='blog-icon'>
-              {'>_'}
-            </span>
-            &nbsp;
+              <img src="/icon.svg" alt="" srcSet="" />
             {BLOG_NAME}
           </a>
         </h1>
