The favicon file isn't enough - you also need a handful of <link> tags in your HTML <head> for full cross-browser / cross-device support. Our generator outputs all the necessary tags (favicon.ico, PNG sizes, apple-touch-icon, Android manifest icons, Microsoft tile) so you can copy-paste them straight into your site without searching docs.
When to use this
Use when: adding favicons to a new site for the first time and you don't want to mess up the <head> meta tags, migrating from a Pro favicon tool that ate your meta-tag snippet, debugging why your favicon shows on Chrome but not Safari (often a missing meta tag), porting a favicon setup between projects.
Frequently Asked Questions
Which favicon meta tags are essential vs optional?
Essential: <link rel="icon" type="image/png" sizes="32x32" href="..."> and <link rel="apple-touch-icon" href="...">. Nice-to-have: 16x16 PNG link, 192/512 manifest icons for Android, Microsoft tile colors. The generator includes all of them by default; uncheck unneeded ones in advanced mode.
Where in the <head> should the favicon tags go?
Top of <head>, before any other links or scripts. Browsers fetch the favicon eagerly when they see the <link rel="icon"> tag, so putting it early means it renders sooner. Most sites put it right after the <title> tag.
Powered by Favicon Generator.