diff --git a/nuxt.config.ts b/nuxt.config.ts
index 24a442a..b87f901 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -19,6 +19,11 @@ export default defineNuxtConfig({
       htmlAttrs: {
         class: "dark",
       },
+      link: [
+        { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
+        { rel: "icon", type: "image/png", href: "/favicon.png" },
+        { rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
+      ],
     },
   },
   devtools: { enabled: true },
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..d783dd1
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..a38cad5
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 282 282" width="282" height="282">
+  <style>
+    circle,
+    path{fill:none;stroke:#000;stroke-width:15}
+    path{stroke-width:25}
+    .white{stroke:#ccc}
+    .red{stroke:#AD1D25}
+    .blue{stroke:#1E4785}
+  </style>
+  <g transform="translate(50 6)">
+    <path d="M58 168V70a50 50 0 0 1 50-50h20" class="red"/>
+    <path d="M58 236v-100a50 50 0 0 1 50-50h20" class="white"/>
+    <path d="M58 236v-30a50 50 0 0 1 50-50h20" class="blue"/>
+    <circle cx="142" cy="20" r="18" class="red"/>
+    <circle cx="142" cy="88" r="18" class="white"/>
+    <circle cx="142" cy="156" r="18" class="blue"/>
+    <circle cx="58" cy="250" r="18" class="blue"/>
+  </g>
+</svg>