Need a favicon for your website but don't have design software? Rekreay's free Favicon Generator lets you upload any image and instantly create a complete, standards-compliant favicon package — favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, and android-chrome-512x512.png. Everything runs in your browser. Your image never leaves your device.
A favicon is the small icon that appears in browser tabs, bookmarks, and search results. Having a clear, recognizable favicon improves your site's branding and makes it easier for visitors to identify your website among multiple open tabs.
Free Favicon Generator — Create Icons Instantly
Drag & drop your image here
Supports JPG, PNG, WebP, GIF, SVG — processed 100% in your browserThe six highlighted items match the standard favicon package used by most sites (the same set generated by realfavicongenerator.net). Extra sizes below are optional.
What Is This Favicon Generator?
The Rekreay Favicon Generator is a free, browser-based tool that creates a complete favicon package — including a real, multi-resolution favicon.ico — from a single source image, entirely inside your browser. No uploads, no server processing, no account required. Your image is processed locally using the HTML5 Canvas API, so it stays completely private.
A favicon is the small icon that appears in browser tabs, bookmarks, and on mobile home screens next to your website's name. It is one of the first visual elements visitors notice, and a well-designed favicon significantly strengthens your brand recognition. Websites without a favicon display a generic browser icon, which signals an unfinished or amateur site — particularly important if you are applying for Google AdSense, where professional presentation matters.
Different platforms and devices require favicon images in different sizes and filenames. Legacy browsers and Windows shortcuts read favicon.ico. Modern browser tabs use favicon-16x16.png and favicon-32x32.png. Apple iPhone and iPad home screens read apple-touch-icon.png at 180×180 pixels. Android Chrome and Progressive Web Apps (PWAs) read android-chrome-192x192.png and android-chrome-512x512.png. This tool generates that exact set — with the exact filenames — from a single upload, so there's no manual renaming afterward.
How to Use the Rekreay Favicon Generator
-
1
Upload your source image. Click the drop zone or drag and drop any image file (JPG, PNG, WebP, GIF, or SVG). For best results, use a square image with at least 512x512 pixels. The image will be loaded entirely in your browser — nothing is uploaded to any server.
-
2
Keep the standard package checked. By default the tool selects the six files most sites need:
favicon.ico,favicon-16x16.png,favicon-32x32.png,apple-touch-icon.png,android-chrome-192x192.png, andandroid-chrome-512x512.png. Add any extra sizes (48, 64, 128, 256) only if a specific platform needs them. -
3
Click "Generate Favicons." The tool resizes your image to each selected dimension using the HTML5 Canvas API with high-quality scaling, and builds a genuine multi-resolution
favicon.ico(embedding the 16×16 and 32×32 versions) directly in the browser. Each output appears as a preview card below. -
4
Download each file. Every preview card has a download button, and the filename shown under each card is exactly what you should use — no renaming needed. Click each one to save it.
-
5
Add the favicons to your website. Upload all the files to your web server's root folder, then reference them in your HTML
<head>, e.g.<link rel="icon" href="/favicon.ico" sizes="any">,<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, and<link rel="apple-touch-icon" href="/apple-touch-icon.png">. For Blogger, go to Settings and upload the favicon image directly under the Favicon section. For WordPress, go to Appearance, then Customize, then Site Identity.
Key Benefits
Frequently Asked Questions
Tips & Best Practices for Favicon Creation
-
💡
Design your favicon as a square from the start. Favicons are always displayed in square frames. If your logo or icon is not square, it will be cropped or letterboxed by browsers. Either crop your source image to a square before uploading, or design a square version of your logo specifically for use as a favicon — even if that means simplifying or centering the design.
-
💡
Use a minimum source size of 512×512 pixels. Generating a 512×512 favicon from a 64×64 source image will produce a blurry, upscaled result. Always start from the largest possible source. A 512×512 or larger PNG with a transparent background is ideal because it scales down cleanly to every smaller size without losing quality.
-
💡
Keep it simple — favicons are tiny. At 16×16 pixels, a detailed logo becomes an unrecognisable blur. The most effective favicons use a single bold letter, a simple symbol, or a minimal version of your brand mark. Look at how your favicon will appear at its smallest size and ask whether it remains recognisable. Simplify until it does.
-
💡
Use PNG with transparency for the best results. PNG is the only format that supports a transparent background, which allows your favicon to sit cleanly on any browser tab color — light mode, dark mode, or any custom tab color. A white-background JPG favicon will show an ugly white square in dark-mode browsers.
-
💡
Download the full standard package, not just one size. Different platforms pull different files automatically by name. Rather than guessing, keep favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, and android-chrome-512x512.png together in your site's root folder so every platform finds what it expects.
-
💡
Test in both light and dark mode browser tabs. Modern browsers support dark mode, and in dark mode the browser tab background changes to a dark color. Check that your favicon remains visible and recognisable against both light and dark backgrounds. If your icon uses dark colors on a transparent background, it may disappear in dark mode — adding a subtle light outline or switching to a lighter color palette for the favicon version can solve this.