Favicon Generator
Create a favicon.ico, PNG favicons and app icons for iPhone and Android from your logo, with the HTML to add them. Free, no uploads.
Runs in your browser. Files never leave your device
About Favicon Generator
Turn your logo into every icon a website needs: a favicon.ico for browsers, sharp PNG favicons, an Apple touch icon for iPhone home screens, and Android icons with a web manifest. Choose a shape, background and padding, and copy the HTML that links them.
Icons are made in your browser, so your logo isn't uploaded anywhere. SVG, PNG, JPG and WebP all work; a square logo of at least 512 × 512 pixels gives the sharpest result.
How to use Favicon Generator
- 1Add your logo or image.
- 2Choose the shape, background and padding, and check the previews.
- 3Click Create favicons, download the ZIP, and paste the HTML into your page's <head>.
Frequently asked questions
Is my logo uploaded?
No. The icons are made on your device, in your browser. Your image never leaves your computer.
Which files do I get?
favicon.ico (16, 32 and 48 pixels in one file), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 × 180), android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest.
Where do I put the files?
Upload them to the root of your website (next to your home page), then paste the HTML snippet into the <head> of your pages.
Why does the Apple icon have a background?
iPhones fill transparent areas with black and round the corners themselves, so the Apple touch icon is always square with a solid background. It uses your background colour, or white if you chose transparent.
What's the best image to start from?
A simple, square logo or symbol. Fine details and small text disappear at 16 × 16 pixels, so use just the mark rather than the full logo if you can.