From 82da0c1e09860014e60786d0dfecf671af1e8179 Mon Sep 17 00:00:00 2001
From: EFEELE <ferbock10@gmail.com>
Date: Tue, 15 Apr 2025 15:31:49 -0600
Subject: [PATCH] docs(readme): add favicon setup instructions using favicon.io

---
 README.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/README.md b/README.md
index b0c4a13..505b333 100644
--- a/README.md
+++ b/README.md
@@ -173,6 +173,29 @@ If you encounter any issues during this process, try restarting the development
 
 To verify that the new language has been added correctly, check the list of available technologies in the user interface after restarting the server.
 
+---
+
+### 🧷 Favicon Setup
+
+To customize your site's favicon and web app icons, you can generate all the necessary variants using [favicon.io](https://favicon.io/favicon-converter/). Upload your logo or icon, and the tool will create a full set of optimized files for various devices and platforms.
+
+Place the generated files in the `📂 public` directory as follows:
+
+```bash
+📂 public
+├── 📄 android-chrome-192x192.png
+├── 📄 android-chrome-512x512.png
+├── 📄 apple-touch-icon.png
+├── 📄 favicon-16x16.png
+├── 📄 favicon-32x32.png
+├── 📄 favicon.ico
+└── 📄 site.webmanifest
+```
+
+> 💡 Don’t forget to update the contents of `site.webmanifest` to match your app’s name, description, and theme color for a complete PWA experience.
+
+---
+
 ### 🎨 Styling
 
 - Use TailwindCSS classes for styling