diff --git a/packages/website/app/root.tsx b/packages/website/app/root.tsx
index b769940..d9bc71f 100644
--- a/packages/website/app/root.tsx
+++ b/packages/website/app/root.tsx
@@ -20,6 +20,9 @@ export const meta: MetaFunction = () => ({
 })
 
 export const links: LinksFunction = () => [
+  { rel: "icon", type: "image/png", href: "/favicon.png" },
+  { rel: "stylesheet", href: tailwindCss },
+  { rel: "stylesheet", href: prismThemeCss },
   { rel: "preconnect", href: "https://fonts.googleapis.com" },
   {
     rel: "preconnect",
@@ -31,8 +34,6 @@ export const links: LinksFunction = () => [
     as: "style",
     href: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Rubik:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap",
   },
-  { rel: "stylesheet", href: tailwindCss },
-  { rel: "stylesheet", href: prismThemeCss },
 ]
 
 type LoaderData = {
diff --git a/packages/website/public/favicon.ico b/packages/website/public/favicon.ico
deleted file mode 100644
index 8830cf6..0000000
Binary files a/packages/website/public/favicon.ico and /dev/null differ
diff --git a/packages/website/public/favicon.png b/packages/website/public/favicon.png
new file mode 100644
index 0000000..09ac92b
Binary files /dev/null and b/packages/website/public/favicon.png differ