Free Favicon Generator

Turn your logo into every icon a website needs: the little tab icon, the iPhone home-screen icon and the Android app icons, plus the code to add them. Drop in several logos to make a set for each site. Everything happens in your browser.

Quick human check, then the tool unlocks:

Drop your logo (or several logos) here A square PNG or SVG of at least 512 × 512 px works best.

Shape Space around the logo Background for tab icons Background colour (also used for Apple & Android icons) Rounded corners Site name (for phones) Theme colour (phone browser bar)

How to make a favicon

Drop in your logo. A square image with a simple shape looks best at tiny sizes.
Choose whether the logo fills the square, the background and corners.
Press Make icons, download the ZIP and upload its files to the main folder of your website. Then paste the code into your pages' <head>.

🔒 Your logo is processed by your own browser and is never uploaded to our server.

What's in the ZIP

favicon.ico (16, 32 and 48 px in one file) for every browser, plus favicon-16x16.png and favicon-32x32.png.
apple-touch-icon.png (180 px) for iPhone and iPad home screens. Apple adds its own rounded corners, so it is always square with a solid background.
android-chrome-192x192.png and -512x512.png with site.webmanifest for Android and installable web apps.
favicon-code.html with the code shown above. On WordPress, you can instead use Appearance → Customize → Site Identity → Site Icon.