Favicon Generator: Create favicon.ico and App Icons from Any Image
This favicon generator turns one image, or a letter or emoji, into every icon a website needs in 2026: favicon.ico, an SVG favicon, the Apple touch icon and Android icons, packed in a ZIP with ready-to-paste HTML. It all happens in your browser.
- 1. UploadDrop a PNG, JPG, SVG or WebP, or type one or two letters. 512 × 512 pixels or more works best.
- 2. AdjustSet padding, background color and corner radius, and check the tab and phone preview.
- 3. DownloadGet a ZIP with favicon.ico, Apple and Android icons, the manifest and the HTML code.
What is a favicon?
A favicon is the small icon that represents a website in browser tabs, bookmarks, history, Google search results and phone home screens. The name comes from “favorite icon”, introduced by Internet Explorer 5 in 1999.
A favicon is a separate file from your logo. It has to read at 16 pixels, so it is usually one letter, a symbol or a simplified mark. Google also shows it next to your pages in search results, and its requirements are described in Define a favicon to show in search results. This favicon generator creates the web set; icons for App Store or Google Play apps follow other rules and are not part of it.
How to generate a favicon from PNG, JPG or SVG in 4 steps
To generate a favicon, upload a square image, adjust the padding and background, check the preview and download the ZIP. Nothing leaves your computer at any step.
- Upload the image. Drop a PNG, JPG, SVG or WebP onto the Image field, or switch to Text and type one or two letters or an emoji. A square source of 512 × 512 pixels or larger gives the sharpest result.
- Adjust the look. Choose Fit or Fill for images that are not square, then set Padding, Background and Corner radius. Transparent keeps the background clear.
- Check the preview. The light and dark tabs show the real 16 pixel icon, the phone shows the Apple touch icon, and every generated size appears below.
- Download. Download ZIP gets the full set with the HTML code; Download favicon.ico gets only the ICO file.
Favicon sizes: which files you need in 2026
Use a 32×32 favicon.ico, an SVG favicon, a 180×180 Apple touch icon and 192×192 plus 512×512 PNG icons for Android. Start from a square image of at least 512×512 pixels.
favicon.ico
Size32×32 (with 16 and 48 inside)
Used byLegacy browsers, /favicon.ico requests, some tools
Required?Yes
favicon.svg
SizeVector
Used byModern Chrome, Firefox, Edge; supports dark mode via CSS
Required?Recommended
apple-touch-icon.png
Size180×180
Used byiPhone and iPad home screen, Safari
Required?Yes
icon-192.png
Size192×192
Used byAndroid home screen (web app manifest)
Required?Yes, if you have a manifest
icon-512.png
Size512×512
Used byAndroid splash screen, PWA install
Required?Yes, if you have a manifest
This is the recommended minimal set. Long lists of 20 or 30 sizes for old Windows tiles are no longer needed. The ZIP also includes icon-maskable-512.png, a version with extra padding that Android can crop into a circle, and the favicon.svg file appears when you start from an SVG or from text.
How to add a favicon to your website
Upload the files to the root folder of your site, then paste these four lines into the head section of every page:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Copy HTML gives you the exact code for your set. When you start from a PNG or JPG, the SVG line is left out because there is no SVG file. You can paste the snippet into the HTML Editor to check the markup before it goes live.
On WordPress, go to Appearance → Customize → Site Identity → Site Icon and upload the 512 × 512 icon. WordPress then creates its own sizes and adds the tags for you.
PNG to ICO: why favicon.ico still matters
An ICO file is a container that holds several PNG images of different sizes, so one favicon.ico can serve 16, 32 and 48 pixels at once. Browsers still request /favicon.ico from the root of a site automatically, even when the page has no link tag.
That is why a PNG favicon alone is not enough. Download favicon.ico works as an ico converter: it turns your PNG, JPG or SVG into a real multi-size ICO file in the browser, so there is no need for a separate converter.
Favicon design tips that work at 16 pixels
A favicon is shown at 16 pixels far more often than at any other size, so design for that size first.
- Keep one symbol. A letter, an initial or a simple mark reads better than a full logo.
- Use strokes of at least 2 pixels at 32 × 32. Thinner lines disappear.
- Limit text to one or two characters. Words become a blur.
- Test on light and dark tabs. The preview shows both, so check that the icon stays visible.
- Choose the background on purpose. A solid color reads everywhere; transparency needs a mark with enough contrast.
- Crop horizontal logos. Take the symbol or the first letter instead of shrinking the whole logo.
- Give the iPhone icon a solid background. iOS fills transparent areas with black, so the generator always adds a background to apple-touch-icon.png.
Favicon generator FAQ
What size should a favicon be?
Use a 32×32 favicon.ico with 16 and 48 pixel sizes inside, an SVG favicon, a 180×180 Apple touch icon and 192×192 plus 512×512 PNG icons. Start from a square image of at least 512×512 pixels and let the generator create the smaller sizes.
What is favicon.ico?
favicon.ico is the classic favicon file in the ICO format, which stores several image sizes in one file. Browsers look for it at /favicon.ico in the root of every site, so it works as a fallback even when a page has no favicon tag.
How do I convert PNG to ICO?
Drop the PNG into this favicon generator and press Download favicon.ico. The tool creates an ICO file with 16, 32 and 48 pixel versions inside, right in your browser. The PNG is never uploaded, and there is no limit on how many files you convert.
Do I still need favicon.ico in 2026?
Yes. Modern browsers can use SVG and PNG favicons, but many tools, feed readers and older browsers still request /favicon.ico. Keeping a 32×32 ICO in the root costs a few kilobytes and removes 404 errors from your server logs.
How do I add a favicon in WordPress?
Open Appearance → Customize → Site Identity and upload a square image of at least 512×512 pixels as the Site Icon. WordPress creates the sizes and adds the tags. To use this full set instead, upload the files to the site root and paste the HTML into the header.
Why is my favicon not showing?
Most often the browser still shows a cached icon. Reload the page with Ctrl+Shift+R, or add a version to the file name, such as favicon.ico?v=2. Also check that the file path is right and that robots.txt doesn’t block the favicon.
How long does Google take to show my favicon in search results?
It can take several days or longer. Google has to recrawl your homepage and the favicon file before it updates search results. Keep the favicon at a stable URL, square and at least 48×48 pixels, as the Google Search guidelines describe.
Can I use an SVG favicon?
Yes. Chrome, Firefox and Edge support SVG favicons, which stay sharp at every size and can adapt to dark mode with CSS inside the file. Keep favicon.ico as well for browsers and tools that don’t read SVG. This generator creates favicon.svg from SVG files and from text.
Can I make a favicon from text or an emoji?
Yes. Switch the source to Text and type one or two letters or an emoji, then pick the font, text color and background. The generator creates the same set of files, including a true vector favicon.svg, so the icon stays sharp at every size.
Are my images uploaded?
No. The favicon generator runs entirely in your browser: the image is read, resized and packed into the ZIP on your device. Nothing is sent to a server, so you can use it for logos of unreleased products and client work.
Can I use these icons for an App Store app?
No. These icons are made for websites and web apps. The App Store needs a 1024×1024 icon without transparency, and Google Play has its own set, both uploaded through their developer consoles. Use the 512 pixel icon as a starting point, not as the final app icon.
Other Ideluma tools
The Favicon Generator is one of the free tools on Ideluma. Find a name for a new brand with the Brand Generator, or test your head tag in the HTML Editor.
Elevate your design process with AI-driven creativity.