Favicon HTML tags
Generate a clean, correct <head> snippet for your favicon files. Set your folder path, then copy and paste.
Path and options
Match the snippet to where your files are deployed
Example: /favicons. Use / or leave blank for the site root.
Example URL: /favicons/favicon-32.png
Your snippet
Copy, paste, deploy, then verify.
<link rel="icon" type="image/x-icon" href="/favicons/favicon.ico"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="manifest" href="/favicons/site.webmanifest">
How to use it
1) Put your files in the folder you chose (for example /favicons).
2) Paste the snippet into your site’s <head>.
3) Deploy, then run the Favicon Checker to confirm the URLs return 200.
Frequently Asked Questions
Do you upload anything?
No. This tool only generates text in your browser; there are no uploads.
What should I put in the folder path field?
Use the public URL path where your favicon files are served. Example: /favicons. Use / (or leave it blank) for the site root.
Which files do I actually need?
For solid coverage: favicon.ico, favicon-16.png, favicon-32.png, apple-touch-icon.png, and site.webmanifest.
How do I verify it works?
Paste the snippet, deploy, then run the Favicon Checker on your live URL.