Popular
Meta Tags Generator
Preview and generate Open Graph, Twitter and SEO meta tags for how your site appears when shared.
How it works
Favicon Generator
Create every favicon your site needs from a single image. Upload a PNG, JPG, SVG or ICO file and download favicon.ico, Apple and Android icons, a web manifest and the HTML to add them.
Preview
- 16×16
- 32×32
- 48×48
- 180×180
- 192×192
- 512×512
HTML for your <head>
- 01
Drop in a square logo or icon. SVG gives the sharpest results; a PNG of at least 512 × 512 works well too.
- 02
Adjust padding, background and corner radius, and check the previews, including the 16 px browser tab size.
- 03
Download the zip, upload its files to your site's root folder, and paste the HTML snippet into your <head>.
About this tool
Why does a website need a favicon?
A favicon is the small icon that appears in browser tabs, bookmarks, history, home screens and, on mobile, next to your site in Google search results. When someone has a dozen tabs open, it's how they find yours. A missing or blurry favicon makes a site look unfinished; a crisp one reinforces your brand.
Different browsers and devices need different files: a multi-size favicon.ico for older browsers and Windows, small PNGs for modern browsers, a 180 × 180 Apple touch icon for iPhone and iPad home screens, and 192 and 512 pixel icons in a web manifest for Android and installable web apps. This generator creates all of them, correctly sized, from one image.
Complete package
favicon.ico, 16 and 32 px PNGs, Apple touch icon, Android icons and site.webmanifest.
SVG support
Upload an SVG for the sharpest results; it's also included as a modern SVG favicon.
Padding and background
Add padding, a background colour and rounded corners, and preview them in a browser tab.
Copy-paste HTML
Get the exact <link> tags for your <head>.
FAQ
Frequently asked questions
What size should a favicon be?
Start with a square image of at least 512 × 512 pixels, or an SVG. The generator produces 16, 32, 48, 180, 192 and 512 pixel versions from it.
Do I still need a favicon.ico file?
It's recommended. Some browsers, feed readers and tools still request /favicon.ico automatically, so keeping one in your site's root avoids 404 errors.
Where do I put the favicon files?
Upload them to the root of your website (the same folder as your homepage) and add the provided HTML snippet inside the <head> of every page.
Why isn't my new favicon showing?
Browsers cache favicons aggressively. Hard-refresh the page, open it in a private window, or wait; it can take a while to update.
Are my files uploaded anywhere?
No. This tool runs entirely in your browser using JavaScript. Your files and text never leave your device, so it's safe for private or confidential work.
Missing something?
Tell us the tool you wish existed.
Instant.tools grows from real requests. Describe the task you're stuck on and we'll consider building it next.