Add favicon

1 files changed, 6 insertions, 0 deletions

diff --git a/src/theme/Root.tsx b/src/theme/Root.tsx
index 32462bb..cb66420 100644
--- a/src/theme/Root.tsx
+++ b/src/theme/Root.tsx
@@ -11,6 +11,9 @@ import Root from '@theme-original/Root';
 import ActiveSectionProvider from '@site/src/components/ActiveSectionProvider';
 import fontURL from '@site/src/fonts/recursive-latin.woff2?url';
 
+import faviconSVG from './favicon.svg?url';
+import appleTouchIcon from './apple-touch-icon.png?url';
+
 export default function RootWrapper(props: Props) {
   return (
     <ActiveSectionProvider>
@@ -22,6 +25,9 @@ export default function RootWrapper(props: Props) {
           type="font/woff2"
           crossOrigin="anonymous"
         />
+        <link rel="icon" href="/favicon.ico" sizes="32x32" />
+        <link rel="icon" href={faviconSVG} type="image/svg+xml" />
+        <link rel="apple-touch-icon" href={appleTouchIcon} />
       </Head>
       <Root {...props} />
     </ActiveSectionProvider>