{"editorial_visual":"https://favicon.now/static/images/editorial/guides/astro-favicon.webp","implementation_artifact":{"code":"\n \n \n \n \n","heading":"Astro public files and shared layout","intro":"Astro copies public files unchanged, while the shared layout exposes them on every rendered page. Apply Astro's configured base when the site is published beneath a path prefix.","language":"astro","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/layouts/BaseLayout.astro"},"published":"2026-07-31","section_headings":["Use public for icon files","Add metadata to the shared layout","Verify the built site"],"sources":[{"label":"Astro project structure","url":"https://docs.astro.build/en/basics/project-structure/"},{"label":"Astro image guide","url":"https://docs.astro.build/en/guides/images/"}],"title":"How to Add a Favicon in Astro: Public Files and Layouts","updated":"2026-07-31","url":"https://favicon.now/guides/astro-favicon"}