Favicon Generator from Image
Turn any PNG, SVG, JPG or even a letter into a complete favicon package — a multi-size favicon.ico, PNG icons, an apple-touch-icon and a site.webmanifest, all in one ZIP. No upload, no sign-up — it runs in your browser.
#FFFFFFShape & background
#0D9488ZIP includes favicon.ico, all PNG sizes, apple-touch-icon, PWA icons & site.webmanifest.
HTML to paste in <head>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Why use this favicon maker
Nothing is uploaded
Your image is read and converted entirely in your browser. The .ico, PNGs and ZIP are built locally — your logo never touches a server.
Every size, one click
A single image becomes 16, 32, 48, 96, 180, 192 and 512px icons plus a real multi-resolution favicon.ico — no manual resizing.
Copy-paste HTML
Get a ready-made <head> snippet and a site.webmanifest, so the favicon works in browser tabs, on iOS and as an installed PWA.
SVG stays sharp
Vector SVGs are rasterised at full resolution for each size, so your favicon looks crisp from a 16px tab to a 512px home-screen icon.
Shape & background
Make it square, rounded or circular, set a solid or transparent background and add padding — all in a live preview that mimics a real tab.
Free & no sign-up
No account, no email, no watermark and no limit. Generate as many favicons as you like — free for personal and commercial sites.
How to create a favicon from an image
Add your image
Drop a PNG, SVG, JPG or WebP — a square logo of about 512×512px gives the sharpest result. No image? Use the Text tab.
Choose a shape
Keep it square or switch to rounded or circular, pick a solid or transparent background and adjust the padding.
Check the preview
See your favicon at 16, 32, 48, 180 and 512px next to a simulated browser tab, so you know it stays clear when it is tiny.
Download & install
Click Download ZIP, drop the files into your site's root folder and paste the HTML snippet into your <head>.
About favicons
A favicon generator is a free online tool that turns an image — a PNG, SVG, JPG or WebP — or a short piece of text into the small icon that appears in browser tabs, bookmarks, history and search results, all right in your browser with no upload and no sign-up. Instead of producing a single image, it builds a complete favicon package: a multi-resolution favicon.ico, individual PNG icons, an Apple touch icon, Android / PWA icons and a site.webmanifest, bundled into one ZIP with a ready-to-paste HTML snippet.
The word favicon is short for “favorite icon”. Modern browsers no longer rely on one fixed size — a tab on a high-DPI screen, a pinned shortcut, an iOS home-screen icon and an installed progressive web app each request a different resolution. That is why a good favicon set ranges from a 16×16px tab icon up to a 512×512px PWA icon. This tool generates every one of those sizes from a single upload, so you never have to open an image editor or resize anything by hand.
The classic favicon.ico file is special because it can hold several resolutions inside one file; this generator packs 16, 32 and 48px versions into the ICO so older browsers and Windows shortcuts always find a size they like. The PNG icons cover everything newer: favicon-32x32.png and favicon-16x16.png for tabs, apple-touch-icon.png at 180px for iPhones and iPads, and android-chrome-192x192.png and android-chrome-512x512.png referenced by the web manifest for Android and installable apps.
For the best result, start from a square, high-contrast image — a logo mark works far better than a wordmark, because fine detail and small text disappear at 16px. Use the shape control to round the corners or clip to a circle, add a background colour if your logo has transparency that would vanish on a white tab, and nudge the padding so the icon is not jammed against the edges. The live preview shows the icon at true tab size next to a mock browser chrome, which is the quickest way to tell whether your design still reads when it is tiny.
Because everything happens locally with the Canvas API, your image never leaves your device — handy for unreleased brands and confidential logos. The favicons you create are free for personal and commercial use with no attribution required, and there is no limit on how many you generate. Once you have the ZIP, upload the files to your website's root directory, paste the provided links into the <head> of every page, and clear your cache to see the new icon appear.
Frequently asked questions
Is this favicon generator free and is my image uploaded?
Yes, it is completely free with no sign-up or watermark. Your image is never uploaded — the favicon, .ico file and ZIP are all generated inside your browser with JavaScript, so your file never leaves your device.
How do I make a favicon from a PNG or image?
Drag a PNG, JPG, SVG or WebP onto the tool (a square image of at least 512×512px works best), adjust the shape, background and padding in the live preview, then click Download ZIP. You get a multi-size favicon.ico, PNG icons and a site.webmanifest ready for your site.
Can I create a favicon from an SVG?
Yes. Upload an SVG and the tool rasterises it at every favicon size in your browser, so the icons stay crisp. SVG is ideal because it scales to 512px without any blur before being exported to PNG and ICO.
What files do I get and where do I put them?
The ZIP contains favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, favicon-96x96.png, apple-touch-icon.png (180px), android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest. Upload them to your website's root folder and paste the provided HTML snippet into the <head> of your pages.
What is the best favicon size?
Start from one large square image, ideally 512×512px. Browsers use 16 and 32px in tabs, Apple devices use a 180px touch icon, and Android / PWA installs use 192 and 512px. This generator creates every size for you from a single upload, so you do not have to resize anything by hand.
Can I make a favicon from text or an emoji?
Yes. Switch to the Text tab, type a letter, a couple of characters or an emoji, choose the text and background colours, and the tool renders it as a favicon at every size — perfect when you do not have a logo yet.