Angular 19-ben a favicon beállítása ugyanúgy történik, mint a korábbi verziókban. Itt van a lépések listája, hogyan állíthatod be a saját faviconodat:
🔧 Lépések:
1. Tedd be a favicon fájlt a projektedbe
Helyezd el a saját favicon.ico (vagy .png, .svg) fájlodat a src mappába. Például:
src/assets/favicon.ico
2. Frissítsd az index.html fájlt
Nyisd meg a src/index.html fájlt, és módosítsd vagy add hozzá a következő sort a <head> szekcióba:
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
Ha
.pngvagy.svgtípusút használsz, akkor módosítsd a MIME típust, pl.type="image/png".
3. (Ha van régi favicon) Töröld vagy cseréld le az eredetit
Ha a projektben már van egy alapértelmezett favicon.ico (pl. a src/favicon.ico), azt cseréld le a sajátodra vagy töröld, és használj assets mappás hivatkozást, ahogy fentebb írtam.
4. Build újra a projektet
Ha ng serve-öt használsz, néha újra kell indítani, vagy a cache törlése kell, hogy a böngésző frissítse a favicon-t.
💡 Tipp:
Használhatsz több formátumot és méretet is, pl.:
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
Szeretnéd .ico helyett modern .svg formátumban használni? Vagy legyen sötét módhoz más favicon is? Szívesen segítek abban is!
