{"editorial_visual":"https://favicon.now/static/images/editorial/guides/html-favicon.webp","implementation_artifact":{"code":"<link rel=\"icon\" href=\"/favicon.svg\" type=\"image/svg+xml\" sizes=\"any\">\n<link rel=\"icon\" href=\"/favicon-48x48.png\" type=\"image/png\" sizes=\"48x48\">\n<link rel=\"icon\" href=\"/favicon.ico\" sizes=\"any\">\n<link rel=\"apple-touch-icon\" href=\"/apple-touch-icon.png\" sizes=\"180x180\">\n<link rel=\"manifest\" href=\"/site.webmanifest\">","heading":"Static HTML favicon file tree","intro":"This minimal root layout keeps browser, Apple, and manifest assets visible without a build pipeline. If the site uses /assets/icons/, change every HTML and manifest URL together.","language":"html","tree":"/favicon.svg\n/favicon.ico\n/favicon-48x48.png\n/apple-touch-icon.png\n/site.webmanifest\n/icon-192x192.png\n/icon-512x512.png"},"published":"2026-07-31","section_headings":["Copy the files","Add the link elements","Deploy and inspect","Use a small production file tree","Debug the network response before the cache"],"sources":[{"label":"WHATWG HTML: link type icon","url":"https://html.spec.whatwg.org/multipage/links.html#rel-icon"}],"title":"How to Add a Favicon to a Static HTML Website","updated":"2026-07-31","url":"https://favicon.now/guides/html-favicon"}