diff --git a/dist/icons/196.webp b/dist/icons/196.webp
new file mode 100644
index 0000000..4fff268
Binary files /dev/null and b/dist/icons/196.webp differ
diff --git a/dist/icons/48.webp b/dist/icons/48.webp
new file mode 100644
index 0000000..ad03002
Binary files /dev/null and b/dist/icons/48.webp differ
diff --git a/dist/icons/original.png b/dist/icons/original.png
new file mode 100644
index 0000000..cd545db
Binary files /dev/null and b/dist/icons/original.png differ
diff --git a/dist/index.html b/dist/index.html
index 5d4950e..b2102b1 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -10,6 +10,8 @@
 			href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400..700&display=swap"
 			rel="stylesheet"
 		/>
+		<link rel="icon" type="image/webp" sizes="48x48" href="/icons/48.webp">
+		<link rel="icon" type="image/webp" sizes="196x196" href="/icons/196.webp">
 		<style>
 			body {
 				background-color: #09090b;
diff --git a/index.html b/index.html
index fbc86f6..034c6d5 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,8 @@
 			href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400..700&display=swap"
 			rel="stylesheet"
 		/>
+		<link rel="icon" type="image/webp" sizes="48x48" href="/icons/48.webp">
+		<link rel="icon" type="image/webp" sizes="196x196" href="/icons/196.webp">
 		<style>
 			body {
 				background-color: #09090b;
diff --git a/public/icons/196.webp b/public/icons/196.webp
new file mode 100644
index 0000000..4fff268
Binary files /dev/null and b/public/icons/196.webp differ
diff --git a/public/icons/48.webp b/public/icons/48.webp
new file mode 100644
index 0000000..ad03002
Binary files /dev/null and b/public/icons/48.webp differ
diff --git a/public/icons/original.png b/public/icons/original.png
new file mode 100644
index 0000000..cd545db
Binary files /dev/null and b/public/icons/original.png differ