Favicon Generator
Turn any image into a full favicon set — .ico, PNGs and the HTML tags to paste in.
What is the Favicon Generator?
A modern website needs more than one favicon file: a classic multi-resolution favicon.ico, an Apple touch icon for iOS home screens, and Android Chrome icons for PWA/home-screen installs — each at a different size. This tool takes one uploaded image and generates all of them at once, entirely in your browser.
What gets generated
- favicon.ico — a single file containing 16×16, 32×32 and 48×48 versions, the classic format still checked by many browsers and tools.
- apple-touch-icon.png (180×180) — used when someone adds your site to an iOS home screen.
- android-chrome-192x192.png and android-chrome-512x512.png — used for Android home screen and PWA icons.
- favicon-32x32.png and favicon-16x16.png — standalone PNG favicons some browsers prefer over the .ico.
Your source image is automatically cropped to a centered square before resizing, so a non-square logo won't come out stretched or distorted.
The HTML tags
Generating the files is only half the job — browsers need <link> tags in your page's <head> pointing to them, plus a site.webmanifest file referenced for the Android/PWA icons. This tool gives you the exact tags to paste in once you've uploaded the generated files to your site's root.
How to use it
- Upload your logo or icon image.
- Download
favicon.icoand each PNG size you need. - Upload all the files to your website's root directory, and paste the provided HTML tags into your site's
<head>.
Everything — resizing, cropping and packing the .ico file — happens locally in your browser using the Canvas API; your image is never uploaded anywhere.