diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index e4a5f43..b31ad69 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -4,6 +4,7 @@ import { Dialog, Transition } from '@headlessui/react'
 import toast, { Toaster } from 'react-hot-toast'
 
 import Link from 'next/link'
+import Image from 'next/image'
 import { useRouter } from 'next/router'
 import { Fragment, useEffect, useState } from 'react'
 
@@ -46,7 +47,7 @@ const Navbar = () => {
 
         <Link href="/">
           <a className="flex items-center space-x-2 font-bold text-xl p-2 dark:text-white hover:opacity-80">
-            <FontAwesomeIcon icon="cloud" />
+            <Image src={siteConfig.icon} alt="icon" width="32" height="32" />
             <span className="hidden sm:block">{siteConfig.title}</span>
           </a>
         </Link>
diff --git a/config/site.json b/config/site.json
index f54993b..c4d555f 100644
--- a/config/site.json
+++ b/config/site.json
@@ -1,4 +1,5 @@
 {
+  "icon": "/icons/128.png",
   "title": "Spencer's OneDrive Index",
   "footer": "Powered by <a class=\"hover:underline\" href=\"https://github.com/spencerwooo/onedrive-vercel-index\" target=\"_blank\" rel=\"noopener noreferrer\">onedrive-vercel-index</a>. Made with ❤ by SpencerWoo.",
   "protectedRoutes": [
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
index 3b842d5..cebf278 100755
Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
index 06a017c..c0eab23 100755
Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 16d15a6..965a0b8 100755
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index 2e11968..bdfbbcd 100755
Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index 3095335..46fc344 100755
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index c597857..81541e9 100755
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/icons/128.png b/public/icons/128.png
new file mode 100644
index 0000000..5348e89
Binary files /dev/null and b/public/icons/128.png differ
diff --git a/public/icons/256.png b/public/icons/256.png
new file mode 100644
index 0000000..c592f45
Binary files /dev/null and b/public/icons/256.png differ
diff --git a/public/icons/512.png b/public/icons/512.png
new file mode 100644
index 0000000..00d0a21
Binary files /dev/null and b/public/icons/512.png differ
diff --git a/public/icons/64.png b/public/icons/64.png
new file mode 100644
index 0000000..f9f86af
Binary files /dev/null and b/public/icons/64.png differ