diff --git a/package.json b/package.json
index 432e2a65..322bda08 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "dependencies": {
     "@craco/craco": "^6.0.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.34",
+    "@fortawesome/free-brands-svg-icons": "^5.15.2",
     "@fortawesome/free-regular-svg-icons": "^5.15.2",
     "@fortawesome/free-solid-svg-icons": "^5.15.2",
     "@fortawesome/react-fontawesome": "^0.1.14",
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 6c38c8df..189ea763 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -1,8 +1,16 @@
 import React from 'react'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const Footer: React.FC = () => {
   return (
     <div className="w-full text-sm text-center pb-1 ease-in">
+      <a href="https://github.com/Kaiyiwing/qwerty-learner">
+        <FontAwesomeIcon icon={['fab', 'github']} className="text-gray-500 mr-3" />
+      </a>
+      <a href="mailto:ZHANG.Kaiyi42@gmail.com">
+        <FontAwesomeIcon icon={['fas', 'envelope']} className="text-gray-500 mr-3" />
+      </a>
+
       <a className="text-gray-500 no-underline hover:no-underline" href="#/">
         @ Qwerty Learner
       </a>
diff --git a/src/icon.ts b/src/icon.ts
index 49c97aac..6a61e5a0 100644
--- a/src/icon.ts
+++ b/src/icon.ts
@@ -1,5 +1,6 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faKeyboard } from '@fortawesome/free-regular-svg-icons'
-import { faBookReader } from '@fortawesome/free-solid-svg-icons'
+import { faBookReader, faEnvelope } from '@fortawesome/free-solid-svg-icons'
+import { faGithub } from '@fortawesome/free-brands-svg-icons'
 
-library.add(faKeyboard, faBookReader)
+library.add(faKeyboard, faBookReader, faGithub, faEnvelope)
diff --git a/yarn.lock b/yarn.lock
index be901dea..71ad6f7c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1172,6 +1172,13 @@
   dependencies:
     "@fortawesome/fontawesome-common-types" "^0.2.34"
 
+"@fortawesome/free-brands-svg-icons@^5.15.2":
+  version "5.15.2"
+  resolved "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.15.2.tgz#d74e2540b5552b915d6bef719f17e361b70a8d65"
+  integrity sha512-YPlVjE1cEO+OJ9I9ay3TQ3I88+XkxMTYwnnddqAboxLhPNGncsHV0DjWOVLCyuAY66yPfyndWwVn4v7vuqsO1g==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "^0.2.34"
+
 "@fortawesome/free-regular-svg-icons@^5.15.2":
   version "5.15.2"
   resolved "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.15.2.tgz#61eeb8c206e792c530eaa58279cc32c55332fe8f"