Favicon Generator
Turn any image or logo into a full set of favicons — from 16×16 up to 512×512 PNGs, plus a classic multi-size .ico file. Free, instant and private: every icon is rendered right in your browser and never uploaded.
or click to browse — PNG, JPG, SVG, WebP · a square image works best · stays on your device
The favicon.ico bundles the 16×16, 32×32 and 48×48 icons in a single file — place it at your site root. Download any PNG on its own button and reference it in HTML with a <link rel="icon"> tag (for example <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">).
How to make a favicon online
- Upload your image. Drag and drop a logo, icon or photo into the box above, or click to browse. A square PNG or SVG with a transparent background gives the cleanest result.
- Fine-tune the look. Choose whether to fill (crop) or fit (pad) non-square images, pick a background color or make it transparent, and add rounded corners if you like a softer icon.
- Download your icons. Grab any individual PNG size, or click Download favicon.ico for the classic multi-size file that goes at the root of your website.
About this tool
A favicon is the small icon that appears in browser tabs, bookmark lists, history entries and phone home screens. This favicon generator creates every size a modern website needs in one step: the tiny 16×16 and 32×32 tab icons, the 48×48 desktop shortcut size, 180×180 for Apple touch icons, 192×192 and 512×512 for Android and progressive web apps, and the traditional favicon.ico that older browsers still look for at your site root.
Everything is generated locally using the HTML5 canvas — your image is never uploaded to a server, so logos and brand assets stay completely private and the tool keeps working even offline once the page has loaded. There are no watermarks, no sign-ups and no limits on how many icons you export. The ICO file we build embeds real PNG-encoded 16, 32 and 48 pixel images, which every browser released in the last fifteen years reads correctly.
Frequently asked questions
What image should I upload for a favicon?
Use a simple, high-contrast design that stays recognizable when shrunk to 16 pixels. A square image works best — a logo mark, a single letter or a bold symbol beats a detailed photo. PNG or SVG with a transparent background lets you drop your icon onto any tab color.
What is the difference between the PNG files and the ICO file?
The ICO is a single container that holds several small sizes (16, 32 and 48) and is meant to sit at your site root as favicon.ico, where browsers automatically look for it. The separate PNG files let you declare specific sizes in your HTML with <link rel="icon"> tags and cover Apple touch icons and Android or PWA icons at larger dimensions.
How do I add the favicon to my website?
Put favicon.ico in your site's root folder and most browsers will find it automatically. For full coverage, also add tags in your <head>: a 32×32 PNG icon, a 180×180 apple-touch-icon, and 192×192 plus 512×512 icons referenced from your web app manifest.
Is my image uploaded anywhere?
No. Every icon is rendered in your browser with the canvas API, and the ICO file is assembled in JavaScript on your device. Your original image never leaves your computer, which makes this safe for confidential logos and unreleased branding.