{"editorial_visual":"https://favicon.now/static/images/editorial/guides/angular-favicon.webp","implementation_artifact":{"code":"<link rel=\"icon\" href=\"/favicon.svg\" type=\"image/svg+xml\" sizes=\"any\">\n<link rel=\"icon\" href=\"/favicon.ico\" sizes=\"any\">\n<link rel=\"apple-touch-icon\" href=\"/apple-touch-icon.png\">\n<link rel=\"manifest\" href=\"/site.webmanifest\">","heading":"Angular browser output contract","intro":"The workspace asset configuration must copy these files into the browser output. Keep the declarations in the configured index document rather than injecting them from an application component.","language":"html","tree":"public/\n\u251c\u2500\u2500 favicon.svg\n\u251c\u2500\u2500 favicon.ico\n\u251c\u2500\u2500 apple-touch-icon.png\n\u2514\u2500\u2500 site.webmanifest\nsrc/index.html\nangular.json"},"published":"2026-07-31","section_headings":["Project paths and constraints","Declare favicon metadata once","Build, deploy, and verify","Trace Angular assets from workspace to outputPath","Angular asset copying and deploy URLs"],"sources":[{"label":"Angular workspace assets","url":"https://angular.dev/reference/configs/workspace-config"},{"label":"Angular project structure","url":"https://angular.dev/reference/configs/file-structure"}],"title":"Angular Favicon Guide: Assets, HTML & Build Output","updated":"2026-07-31","url":"https://favicon.now/guides/angular-favicon"}