All tools › 🖼️ Image
Favicon generator
Turn an image into favicons for every browser and device, with the HTML to add them.
Your image isn't square, so it's cropped to fill the square. Choose "Fit inside" to keep all of it, with space around it.
Preview
Add this to the <head> of your pages
How it works
Upload a square logo or image (512×512 or larger works best) and get a ZIP with favicon.ico (16, 32 and 48 px inside), PNG favicons, the Apple touch icon, Android icons and a web app manifest.
Copy the HTML snippet into the <head> of your pages and put the files in your site's root folder.
Transparent icons are fine for browsers, but iPhones show transparent areas as black, so the Apple touch icon always gets a solid background (white unless you choose a colour).
Everything is generated in your browser; your image is never uploaded.