diff --git a/index.html b/index.html
index 386052c..73d330f 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/webp" href="/avatar.webp" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>yude.jp</title>
   </head>
diff --git a/public/logo/annict.png b/public/logo/annict.png
new file mode 100644
index 0000000..6f8f691
Binary files /dev/null and b/public/logo/annict.png differ
diff --git a/public/logo/vrchat.png b/public/logo/vrchat.png
new file mode 100644
index 0000000..21aff90
Binary files /dev/null and b/public/logo/vrchat.png differ
diff --git a/public/logo/zenn.svg b/public/logo/zenn.svg
new file mode 100644
index 0000000..d432731
--- /dev/null
+++ b/public/logo/zenn.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Zenn</title><path d="M.264 23.771h4.984c.264 0 .498-.147.645-.352L19.614.874c.176-.293-.029-.645-.381-.645h-4.72c-.235 0-.44.117-.557.323L.03 23.361c-.088.176.029.41.234.41zM17.445 23.419l6.479-10.408c.205-.323-.029-.733-.41-.733h-4.691c-.176 0-.352.088-.44.235l-6.655 10.643c-.176.264.029.616.352.616h4.779c.234-.001.468-.118.586-.353z"/></svg>
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 17cc2bf..b59ba5c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
 import Card from "./components/Card"
 import Profile from "./components/Profile"
 import Links from "./components/Links"
+import Keys from "./components/Keys"
 
 import { useState, useEffect } from 'react';
 
@@ -54,9 +55,14 @@ export default function App() {
         <div className="grid grid-cols-1 xl:grid-cols-2 gap-4 mb-5 w-full">
           <Profile />
           <Links />
+          <Keys />
         </div>
 
-        <div className="text-center text-gray-500">&copy; 2024 yude</div>
+        <div className="text-center text-gray-500 mb-5">
+          <a href="https://github.com/yudejp/yude.jp">
+            &copy; 2024 yude
+          </a>
+        </div>
       </div>
     </div>
   )
diff --git a/src/components/Keys.tsx b/src/components/Keys.tsx
new file mode 100644
index 0000000..3ab803a
--- /dev/null
+++ b/src/components/Keys.tsx
@@ -0,0 +1,32 @@
+export default function Keys() {
+    return (
+        <>
+        <div className="p-5 rounded-lg max-w-2xl">
+            <h1 className="text-2xl text-center">Public keys</h1>
+            <div className="border border-white-500"></div>
+
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">GNU Privacy Guard</h2>
+            <ul className="max-w-md space-y-1 text-gray-500 list-disc list-inside dark:text-gray-400">
+                <li>
+                    Available on <a className="underline" href="https://github.com/yude.gpg">GitHub</a>.
+                </li>
+                <li>
+                    Fingerprint: <code>3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968</code>
+                </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">The Secure Shell (RFC4716)</h2>
+            <ul className="max-w-md space-y-1 text-gray-500 list-disc list-inside dark:text-gray-400">
+                <li>
+                    Available on <a className="underline" href="https://github.com/yude.keys">GitHub</a>.
+                </li>
+                <li>
+                    Fingerprint: <code>XEGJhmO6p0qu7C04gvtyJz5BHuIVUKOUIBqZDoSes0k</code> (SHA-256, Primary key)
+                </li>
+            </ul>
+            
+        </div>
+        </>
+    )
+  }
+  
\ No newline at end of file
diff --git a/src/components/Links.tsx b/src/components/Links.tsx
index 3d76eb2..a3321bf 100644
--- a/src/components/Links.tsx
+++ b/src/components/Links.tsx
@@ -1,5 +1,5 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faGithub, faTelegram, faXTwitter, faInstagram, faMastodon, faKeybase, faSteam } from '@fortawesome/free-brands-svg-icons'
+import { faGithub, faTelegram, faXTwitter, faInstagram, faMastodon, faKeybase, faSteam, faLastfm, faTwitch, faSpotify } from '@fortawesome/free-brands-svg-icons'
 import { faAnglesRight } from '@fortawesome/free-solid-svg-icons'
 
 export default function Links() {
@@ -59,15 +59,23 @@ export default function Links() {
                     </div>
                     <div className="w-24 h-16">
                         <a href="https://scrapbox.io/yude">
-                            <img src="./logo/scrapbox.svg" className="w-24 h-12 grayscale" width="20" height="20" />
+                            <img src="./logo/scrapbox.svg" className="w-24 h-12 grayscale" />
                             <span className="block text-gray-400 text-center">
                                 Scrapbox
                             </span>
                         </a>
                     </div>
+                    <div className="w-24 h-16">
+                        <a href="https://zenn.dev/yude">
+                            <img src="./logo/zenn.svg" className="w-24 h-12 text-center invert" />
+                            <span className="block text-gray-400 text-center">
+                                Zenn
+                            </span>
+                        </a>
+                    </div>
                     <div className="w-24 h-16">
                         <a href="https://yudejp.hatenablog.jp">
-                            <img src="./logo/hatenablog.svg" className="w-24 h-12 text-center invert" width="20" height="20" />
+                            <img src="./logo/hatenablog.svg" className="w-24 h-12 text-center invert" />
                             <span className="block text-gray-400">
                                 はてなブログ
                             </span>
@@ -75,7 +83,7 @@ export default function Links() {
                     </div>
                     <div className="w-24 h-16">
                         <a href="https://sizu.me/yude">
-                            <img src="./logo/sizume.svg" className="w-24 h-12 text-center invert" width="20" height="20" />
+                            <img src="./logo/sizume.svg" className="w-24 h-12 text-center invert" />
                             <span className="block text-gray-400 text-center">
                                 しずかなインターネット
                             </span>
@@ -89,6 +97,46 @@ export default function Links() {
                             </span>
                         </a>
                     </div>
+                    <div className="w-24 h-16">
+                        <a href="https://www.last.fm/user/yude_jp">
+                            <FontAwesomeIcon className="w-24 h-11" icon={faLastfm} />
+                            <span className="block text-gray-400 text-center">
+                                Last.fm
+                            </span>
+                        </a>
+                    </div>
+                    <div className="w-24 h-16">
+                        <a href="https://twitch.tv/yudejp">
+                            <FontAwesomeIcon className="w-24 h-11" icon={faTwitch} />
+                            <span className="block text-gray-400 text-center">
+                                Twitch
+                            </span>
+                        </a>
+                    </div>
+                    <div className="w-24 h-16">
+                        <a href="https://open.spotify.com/user/yude1119">
+                            <FontAwesomeIcon className="w-24 h-11" icon={faSpotify} />
+                            <span className="block text-gray-400 text-center">
+                                Spotify
+                            </span>
+                        </a>
+                    </div>
+                    <div className="w-24 h-16">
+                        <a href="https://annict.com/yude">
+                            <img src="./logo/annict.png" className="w-12 h-12 ml-6 grayscale" />
+                            <span className="block text-gray-400 text-center">
+                                Annict
+                            </span>
+                        </a>
+                    </div>
+                    <div className="w-24 h-16">
+                        <a href="https://vrcprofile.com/p/yude">
+                            <img src="./logo/vrchat.png" className="w-12 ml-6 mt-5" />
+                            <span className="block text-gray-400 text-center mt-2">
+                                VRChat
+                            </span>
+                        </a>
+                    </div>
                     <div className="w-24 h-16 ml-auto">
                         <a href="https://scrapbox.io/yude/アカウント">
                             <FontAwesomeIcon className="w-24 h-11" icon={faAnglesRight} />
