diff --git a/components/Footer.tsx b/components/Footer.tsx
index 654d191..fca17b8 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,6 +1,10 @@
 import React from 'react'
-import { FaTwitter, FaZhihu, FaGithub, FaLinkedin } from 'react-icons/fa'
-import { IoSunnyOutline, IoMoonSharp } from 'react-icons/io5'
+import { FaTwitter } from '@react-icons/all-files/fa/FaTwitter'
+import { FaZhihu } from '@react-icons/all-files/fa/FaZhihu'
+import { FaGithub } from '@react-icons/all-files/fa/FaGithub'
+import { FaLinkedin } from '@react-icons/all-files/fa/FaLinkedin'
+import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'
+import { IoMoonSharp } from '@react-icons/all-files/io5/IoMoonSharp'
 import * as config from 'lib/config'
 
 import styles from './styles.module.css'
diff --git a/components/PageActions.tsx b/components/PageActions.tsx
index fd808af..357079b 100644
--- a/components/PageActions.tsx
+++ b/components/PageActions.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import { IoHeartOutline } from 'react-icons/io5'
-import { AiOutlineRetweet } from 'react-icons/ai'
+import { IoHeartOutline } from '@react-icons/all-files/io5/IoHeartOutline'
+import { AiOutlineRetweet } from '@react-icons/all-files/ai/AiOutlineRetweet'
 
 import styles from './styles.module.css'
 
diff --git a/package.json b/package.json
index 7b8201b..fc89d97 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "@fisch0920/use-dark-mode": "^2.4.0",
     "@keyvhq/core": "^1.6.9",
     "@keyvhq/redis": "^1.6.10",
+    "@react-icons/all-files": "^4.1.0",
     "classnames": "^2.3.1",
     "date-fns": "^2.28.0",
     "expiry-map": "^2.0.0",
@@ -47,7 +48,6 @@
     "react": "^17.0.2",
     "react-body-classname": "^1.3.1",
     "react-dom": "^17.0.2",
-    "react-icons": "^4.3.1",
     "react-notion-x": "^6.7.0-alpha.2",
     "react-static-tweets": "^0.7.1",
     "react-use": "^17.3.2",
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 9082251..96ca237 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import Document, { Html, Head, Main, NextScript } from 'next/document'
-import { IconContext } from 'react-icons'
+import { IconContext } from '@react-icons/all-files'
 
 export default class MyDocument extends Document {
   render() {
diff --git a/yarn.lock b/yarn.lock
index b69484f..46088cc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -433,6 +433,11 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@react-icons/all-files@^4.1.0":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/@react-icons/all-files/-/all-files-4.1.0.tgz#477284873a0821928224b6fc84c62d2534d6650b"
+  integrity sha512-hxBI2UOuVaI3O/BhQfhtb4kcGn9ft12RWAFVMUeNjqqhLsHvFtzIkFaptBJpFDANTKoDfdVoHTKZDlwKCACbMQ==
+
 "@sentry/types@^6.11.0":
   version "6.19.4"
   resolved "https://registry.yarnpkg.com/@sentry/types/-/types-6.19.4.tgz#4e13269daaba2edfeaa4b18a5a14fa8f4d7a85a8"
@@ -3484,11 +3489,6 @@ react-hotkeys-hook@^3.0.3:
   dependencies:
     hotkeys-js "3.8.7"
 
-react-icons@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz"
-  integrity sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==
-
 react-image@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmjs.org/react-image/-/react-image-4.0.3.tgz"