Free Favicon Generator
Create the little icon that appears in browser tabs next to your website's name. Upload any image and we'll generate all the sizes you need.
Upload Your Image
Drag and drop or click to browse
Supports PNG, JPEG, GIF, WebP (Max 10MB)
Or paste an image from your clipboard
Frequently Asked Questions
A favicon (short for "favorite icon") is the small image that appears in your browser tab, bookmarks bar, and sometimes in search results next to your website's name. It helps users quickly identify your site among their open tabs and saved bookmarks.
Use a simple, recognizable image that represents your brand - usually your logo or a simplified version of it. The image will be displayed very small (as little as 16x16 pixels), so avoid complex details. Bold shapes and high contrast colors work best.
Upload a square image at least 512x512 pixels for the best quality across all devices. We'll automatically resize it to create all the different sizes needed.
No. If your image isn't square, we pad the shorter side to make it square without stretching or cropping. The padding color is taken from the top-left pixel of your image, which we assume is the background.
We accept PNG, JPEG, GIF, and WebP images. For best results, use a PNG with a transparent background if your icon doesn't fill the entire square - this looks better on dark browser themes.
After downloading your favicon package, upload all the files to your website's root folder (the same folder as your homepage). Then add the HTML code snippet we provide to the <head> section of every page on your site. If you're using a CMS like WordPress, there's usually a favicon or "site icon" setting in the admin panel.
Different browsers and devices need different formats. Here's what each file does:
- favicon.ico — the classic format; works in every browser including very old ones. Ours embeds 16×16, 32×32, and 48×48 in a single file.
- favicon.svg — modern browsers prefer this because it scales perfectly at any size and can adapt to dark mode.
- apple-touch-icon.png — the icon iOS uses when someone saves your site to their home screen.
- android-chrome-*.png — icons for Android home screen bookmarks and Chrome's new tab page.
- android-chrome-*-maskable.png — a version with extra padding so Android can safely clip it into a circle, squircle, or whatever shape the user's launcher uses.
- mstile-*.png + browserconfig.xml — icons and config for Windows Start menu tiles and Microsoft Edge.
- safari-pinned-tab.svg — a monochrome mask used by Safari on macOS for pinned tabs.
- site.webmanifest — tells browsers your site can be installed as an app, and which icons to use.
When someone saves your website to their iPhone or iPad home screen, Apple uses a special "touch icon" instead of the regular favicon. These are larger (180x180 pixels) and should look good as an app-style icon. We include these in your download package.
Since Android 8, Android lets device manufacturers choose the shape of home screen icons — circles, squircles, rounded squares, and more. A "maskable" icon has extra padding around the logo so Android can safely clip it into any shape without cutting off the edges. We automatically generate maskable variants of your icons with the correct safe zone padding built in.
Browsers cache favicons aggressively. Try clearing your browser cache, or open your site in a private/incognito window. You can also try adding ?v=2 to the end of your favicon URLs in the HTML to force browsers to load the new version.
For modern full coverage, include: favicon.ico, favicon.svg, apple-touch-icon.png, and site.webmanifest (which references the Android icons automatically). That covers all current browsers and devices. The Microsoft tile files and Safari pinned tab SVG are optional extras for completeness.
Yes, completely free! Generate and download as many favicon packages as you need. No watermarks, no limits, no account required.