Favicon Generator
Generate every favicon a modern site needs from a single image: the 16, 32, and 48px browser-tab icons, a 180px Apple touch icon, and 192/512px Android and PWA icons. Choose square, rounded, or circular icons and an optional background color, then download each PNG and copy the HTML link tags. Everything runs in your browser, so your image never leaves your device.
How to generate favicons
- Drop a square-ish image in (a logo works well), or click to browse.
- Pick a shape and background, then review the generated sizes.
- Download the PNGs and paste the HTML link tags into your site's <head>.
Examples
From a logo to a full favicon set
A 512x512 logo PNG
Six PNG icons (16 to 512px) plus apple-touch-icon.png and the HTML
Frequently asked questions
Is my image uploaded anywhere?
No. Every icon is rendered in your browser with the Canvas API. The image never leaves your device.
Do I get an .ico file?
No, and you no longer need one. Modern browsers use PNG favicons via <link rel="icon" type="image/png">, which is what this tool generates along with the matching HTML.
What sizes are included?
16x16, 32x32, and 48x48 for browser tabs, 180x180 as the Apple touch icon, and 192x192 and 512x512 for Android home screens and PWAs.
What image should I use?
A square image works best so nothing important is cropped. The tool takes the largest centered square of your image and scales it to each size.
Where do I put the files and HTML?
Upload the PNGs to the root of your site (so /favicon-32x32.png resolves) and paste the copied link tags inside the <head> of your pages.
Related tools
Image Resizer
Resize images in your browser by pixels, percentage, or to fit a box. Lock the aspect ratio, choose PNG, JPEG, or WebP, and download. Nothing is uploaded.
Round Image Corners
Add rounded corners to an image and export a transparent PNG or WebP. Adjust the radius with a slider, in your browser. Nothing is uploaded.
Image Converter
Convert images between PNG, JPEG, and WebP in your browser. Pick a background to flatten transparency, set quality, and download. Nothing is uploaded.
Add Border to Image
Add a colored border or frame around an image, with adjustable width and color. Live preview, runs in your browser, nothing uploaded.
APNG Detector
Check whether a PNG file is an animated PNG (APNG) in your browser. See the frame count, loop count, and dimensions read straight from the file. Private.
Blur Image
Blur a whole image or drag a box to blur a face, name, or address. Adjustable blur strength, live preview, runs in your browser. Nothing is uploaded.