{"editorial_visual":"https://favicon.now/static/images/editorial/guides/nuxt-favicon.webp","implementation_artifact":{"code":"export default defineNuxtConfig({\n  app: { head: { link: [\n    { rel: 'icon', href: '/favicon.svg', type: 'image/svg+xml' },\n    { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' },\n    { rel: 'manifest', href: '/site.webmanifest' },\n  ] } }\n})","heading":"Nuxt public files and global head config","intro":"Files under public keep direct URLs; nuxt.config.ts owns fixed site-wide declarations. Use a composable only when the favicon genuinely changes with application state.","language":"typescript","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\nnuxt.config.ts"},"published":"2026-07-31","section_headings":["Put stable files in public","Declare the shared head metadata","Build and test the production output"],"sources":[{"label":"Nuxt public directory","url":"https://nuxt.com/docs/3.x/directory-structure/public"},{"label":"Nuxt SEO and meta guide","url":"https://nuxt.com/docs/4.x/getting-started/seo-meta"}],"title":"How to Add a Favicon in Nuxt: Public Files and Head Tags","updated":"2026-07-31","url":"https://favicon.now/guides/nuxt-favicon"}