fix(frontend): add favicon and update references

- Create favicon.svg with blue "S" logo matching app branding
- Update index.html to reference favicon.svg instead of favicon.ico
- Add favicon.svg to angular.json assets configuration

Fixes DEF-004: Browser was showing 404 error for missing favicon.ico
in the console.
This commit is contained in:
Andrés Eduardo García Márquez 2026-01-08 00:02:19 -05:00
parent ac6119b265
commit 5af9071fde
3 changed files with 9 additions and 3 deletions

View File

@ -26,7 +26,8 @@
"tsConfig": "tsconfig.app.json", "tsConfig": "tsconfig.app.json",
"inlineStyleLanguage": "scss", "inlineStyleLanguage": "scss",
"assets": [ "assets": [
{ "glob": "**/*", "input": "src/assets", "output": "/assets" } { "glob": "**/*", "input": "src/assets", "output": "/assets" },
"src/favicon.svg"
], ],
"styles": [ "styles": [
"@angular/material/prebuilt-themes/indigo-pink.css", "@angular/material/prebuilt-themes/indigo-pink.css",
@ -71,7 +72,8 @@
"tsConfig": "tsconfig.spec.json", "tsConfig": "tsconfig.spec.json",
"inlineStyleLanguage": "scss", "inlineStyleLanguage": "scss",
"assets": [ "assets": [
{ "glob": "**/*", "input": "src/assets", "output": "/assets" } { "glob": "**/*", "input": "src/assets", "output": "/assets" },
"src/favicon.svg"
], ],
"styles": ["src/styles/main.scss"], "styles": ["src/styles/main.scss"],
"scripts": [] "scripts": []

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<rect width="32" height="32" rx="6" fill="#2563EB"/>
<text x="16" y="23" text-anchor="middle" font-family="Inter, system-ui, sans-serif" font-size="18" font-weight="600" fill="white">S</text>
</svg>

After

Width:  |  Height:  |  Size: 264 B

View File

@ -6,7 +6,7 @@
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Sistema de Registro de Estudiantes - Inter Rapidísimo"> <meta name="description" content="Sistema de Registro de Estudiantes - Inter Rapidísimo">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/svg+xml" href="favicon.svg">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head> </head>