diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index aed2a99..39eec07 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -39,6 +39,9 @@ jobs:
         env:
             GH_PAT: ${{ secrets.GH_PAT }}
 
+      - name: 🎨 Build Icons
+        run: bun run build:icons
+
       - name: 🏗️ Build
         run: bun run build
         env:
diff --git a/.github/workflows/security.yml b/.github/workflows/security.yml
index 1f64d89..2677fde 100644
--- a/.github/workflows/security.yml
+++ b/.github/workflows/security.yml
@@ -22,14 +22,6 @@ jobs:
       - name: 📥 Checkout Repository
         uses: actions/checkout@v4
 
-      - name: 🍞 Setup Bun
-        uses: oven-sh/setup-bun@v2
-
-      - name: 🧶 Install Dependencies
-        run: bun install --frozen-lockfile
-        env:
-            GH_PAT: ${{ secrets.GH_PAT }}
-
       - name: 🚀 Initialize CodeQL
         uses: github/codeql-action/init@v3
         with:
diff --git a/.github/workflows/verify.yml b/.github/workflows/verify.yml
index 7885552..e08fcec 100644
--- a/.github/workflows/verify.yml
+++ b/.github/workflows/verify.yml
@@ -33,6 +33,9 @@ jobs:
       - name: 🛡️ Type Check
         run: bun run check
 
+      - name: 🎨 Build Icons
+        run: bun run build:icons
+
       - name: 🏗️ Build
         run: bun run build
         env:
diff --git a/.gitignore b/.gitignore
index 3968846..c42ff0e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,11 @@ Thumbs.db
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 dev-dist/
+
+# dinamic favicons
+apple-icon-180.png
+favicon-196.png
+manifest-icon-192.png
+manifest-icon-192.maskable.png
+manifest-icon-512.png
+manifest-icon-512.maskable.png
diff --git a/.prettierrc b/.prettierrc
index 46c45f4..dbb764e 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -11,6 +11,5 @@
 				"parser": "svelte"
 			}
 		}
-	],
-	"tailwindStylesheet": "./src/routes/layout.css"
+	]
 }
diff --git a/README.md b/README.md
index 66dce79..81c9e04 100644
--- a/README.md
+++ b/README.md
@@ -12,20 +12,20 @@ Ahora integrando [GradeSolver](https://github.com/madmti/GradeSolver) como modul
 1. Clona el repositorio
 
 ```bash
-git clone https://github.com/Ramo-Libre/Web.git
+git clone https://github.com/Ramo-Libre/Web.git Ramo-Libre-Web
 cd Ramo-Libre-Web
 ```
 
 2. Instala las dependencias
 
 ```bash
-pnpm install
+bun install
 ```
 
 3. Inicia el servidor local de supabase
 
 ```bash
-pnpx supabase start
+bunx supabase start
 ```
 
 4. Configura las variables de entorno
@@ -37,7 +37,7 @@ cp .env.example .env
 Edita el archivo `.env` con tus credenciales de Supabase y cualquier otra configuración necesaria. Asegúrate de configurar correctamente la URL y la publishable key de Supabase. 5. Inicia el servidor de desarrollo
 
 ```bash
-pnpm run dev
+bun run dev
 ```
 
 5. Abre tu navegador en `http://localhost:5173` para ver la aplicación en acción.
diff --git a/package.json b/package.json
index 5180df7..2fdac67 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
 	},
 	"scripts": {
 		"dev": "vite dev",
+		"build:icons": "bunx pwa-asset-generator node_modules/@ramo-libre/ui-themes/src/assets/web.svg static --icon-only --opaque=false --name pwa && bunx pwa-asset-generator node_modules/@ramo-libre/ui-themes/src/assets/web.svg static --icon-only --type=png --background=#ffffff --name maskable-icon",
 		"build": "vite build",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index aab42b4..ff4c204 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import '@ramo-libre/ui-themes/tailwind.css';
+	import '@ramo-libre/ui-themes/tailwind.css';
 	import './custom.css';
 	import { onMount } from 'svelte';
 	import { pwaInfo } from 'virtual:pwa-info';
diff --git a/static/apple-touch-icon-180x180.png b/static/apple-touch-icon-180x180.png
deleted file mode 100644
index 81a8105..0000000
Binary files a/static/apple-touch-icon-180x180.png and /dev/null differ
diff --git a/static/favicon.ico b/static/favicon.ico
deleted file mode 100644
index 96f1c76..0000000
Binary files a/static/favicon.ico and /dev/null differ
diff --git a/static/favicon.webp b/static/favicon.webp
deleted file mode 100644
index e1016c1..0000000
Binary files a/static/favicon.webp and /dev/null differ
diff --git a/static/maskable-icon-512x512.png b/static/maskable-icon-512x512.png
deleted file mode 100644
index 8776320..0000000
Binary files a/static/maskable-icon-512x512.png and /dev/null differ
diff --git a/static/pwa-192x192.png b/static/pwa-192x192.png
deleted file mode 100644
index a9c6ce0..0000000
Binary files a/static/pwa-192x192.png and /dev/null differ
diff --git a/static/pwa-512x512.png b/static/pwa-512x512.png
deleted file mode 100644
index b211341..0000000
Binary files a/static/pwa-512x512.png and /dev/null differ
diff --git a/static/pwa-64x64.png b/static/pwa-64x64.png
deleted file mode 100644
index 21c6c4b..0000000
Binary files a/static/pwa-64x64.png and /dev/null differ
diff --git a/vite.config.ts b/vite.config.ts
index 1fa870c..e71f805 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -22,37 +22,44 @@ export default defineConfig({
 				display_override: ['window-controls-overlay'],
 				icons: [
 					{
-						src: 'pwa-64x64.png',
-						sizes: '64x64',
+						src: 'apple-icon-180.png',
+						sizes: '180x180',
 						type: 'image/png'
 					},
 					{
-						src: 'pwa-192x192.png',
-						sizes: '192x192',
+						src: 'favicon-196.png',
+						sizes: '196x196',
 						type: 'image/png'
 					},
 					{
-						src: 'pwa-512x512.png',
-						sizes: '512x512',
+						src: 'manifest-icon-192.maskable.png',
+						sizes: '192x192',
+						type: 'image/png',
+						purpose: 'maskable'
+					},
+					{
+						src: 'manifest-icon-192.png',
+						sizes: '192x192',
 						type: 'image/png',
 						purpose: 'any'
 					},
 					{
-						src: 'maskable-icon-512x512.png',
+						src: 'manifest-icon-512.maskable.png',
 						sizes: '512x512',
 						type: 'image/png',
 						purpose: 'maskable'
 					},
 					{
-						src: 'apple-touch-icon-180x180.png',
-						sizes: '180x180',
-						type: 'image/png'
+						src: 'manifest-icon-512.png',
+						sizes: '512x512',
+						type: 'image/png',
+						purpose: 'any'
 					}
 				]
 			},
 			workbox: {
-                globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
-                globIgnores: ['**/stats.html']
+				globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
+				globIgnores: ['**/stats.html']
 			},
 			devOptions: {
 				enabled: true