About this tool
A favicon is the little icon in a browser tab, a bookmark and a phone home screen — and modern sites need it in several sizes and formats. This generator builds the whole set from a single source: upload a logo, or type one letter or an emoji and pick a background, and it renders crisp icons at 16, 32, 48, 180, 192 and 512 pixels.
Download the classic multi-resolution favicon.ico, grab the individual PNGs, and copy the exact link and meta tags to paste into your page’s head. It is all drawn with the Canvas API in your browser — your image is never uploaded.
Frequently asked questions
Is my uploaded image sent to a server?
No. Every size is rendered locally on an HTML canvas — your image never leaves the browser.
Which sizes do I actually need?
16×16 and 32×32 cover the classic browser tab favicon, 180×180 is for the Apple touch icon (iOS home screen), and 192×192/512×512 are used in the web app manifest for Android and PWA installs.
Do I need the .ico file, or are the PNGs enough?
Modern browsers happily use a PNG favicon via a link tag, but favicon.ico is still worth keeping for older browsers, bookmarks, and tools that only look for it by that exact filename.
Why does my image-based icon look blurry at small sizes?
Small favicons have very few pixels to work with, so fine detail gets lost. Start from a simple, high-contrast square image — logos with thin lines or lots of text rarely survive being shrunk to 16×16.
How do I add the generated favicon to my site?
Download the files (or the .ico), place them at your site's root, and paste the snippet from 'Copy HTML' into your page's head section.