Free tool — no login

Favicon generator for browser tabs, Google and phones

Create your favicon from an icon or from your own logo. You get every file you need in one ZIP, plus the matching HTML code to paste in.

Create your favicon Which sizes do I need?

Free, no sign-up Runs entirely in your browser ICO, PNG, SVG and manifest in one ZIP

Try it now

Create a favicon: pick an icon or logo, download the package

Choose from over 5,000 icons or upload your logo. Your image stays on your device – nothing is sent to a server.

Choose a source

Search icons

Sparkles

Icon size

64%

Stroke width

Icon color

#ffffff

Background

#1d4ed8

Corner radius

24%

Need an icon for a website section rather than a favicon? Use our icon generator.

How it works

Three steps to a finished favicon

1. Choose a source

Search for a fitting symbol among over 5,000 icons. Or upload your own logo as PNG, JPG, SVG or WebP.

2. Adjust it

Set color, background, corners and padding. The preview shows right away how the favicon looks in a browser tab and on a phone.

3. Download and add it

Download the ZIP, copy the files to the root folder of your website and paste the HTML code into the <head>.

Which favicon sizes do I need?

A single image is no longer enough. Browsers, Google, iPhones and Android devices each look for their own file. The package contains exactly these files:

File	Size	What for?
favicon.ico	16 × 16, 32 × 32 and 48 × 48 px in one file	The classic favicon for browser tabs and bookmarks. Many browsers request /favicon.ico on their own, even without HTML code. Google can read ICO files.
favicon.svg	Vector (icons only)	Stays sharp at any size. Browsers that support SVG favicons can use it. For uploaded images this file is left out, because there is no real vector image.
favicon-96x96.png	96 × 96 px	A larger PNG for browsers and for Google. Google recommends favicons larger than 48 × 48 pixels.
apple-touch-icon.png	180 × 180 px	Shown when someone adds your website to the home screen on an iPhone or iPad. The image is not transparent, because iOS would otherwise fill see-through areas itself. The device adds the rounded corners.
web-app-manifest-192x192.png / -512x512.png	192 × 192 and 512 × 512 px	For Android and Chrome, for example the icon on the home screen. Chrome expects at least these two sizes in the manifest.
site.webmanifest	Text file	Describes the name, short name, colors and the two large icons. The short name appears where space is tight, such as below the icon on the home screen.

How to add the favicon to your website

Upload all files from the ZIP to the root folder of your domain – the same place your home page lives. After that, your-domain.com/favicon.ico should open directly.

Then paste the HTML code from the tool into the <head> of every page. Usually you only need to add it once to the main layout or template of your site. This is what the code for an icon favicon looks like:

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />

The first three lines are the favicon for browser tabs: ICO, SVG and PNG. Each browser picks the file that suits it best.
apple-touch-icon is the icon for iPhone and iPad.
manifest points to the file with the name, colors and icons for Android.

WordPress and other systems

In WordPress you don't upload a ZIP. You set the favicon as the “Site Icon”: in current versions under Settings → General, in older versions and with classic themes in the Customizer. WordPress asks for a square image of at least 512 × 512 pixels. Use the file web-app-manifest-512x512.png for that. WordPress creates the smaller sizes itself.

Other CMS and website builders usually have their own field for a favicon or site icon in the settings. Upload the largest suitable file there. Then don't add a second favicon code to the <head>, so the two don't contradict each other.

Not seeing the new favicon right away? Browsers often cache favicons for a long time. Open the page in a private window to check the result.

Favicons in Google search results

Google shows the favicon next to your search result. For your favicon to be eligible, Google lists these rules in its documentation:

The <link> tag sits in the <head> of your home page. Google reads rel="icon", "shortcut icon", "apple-touch-icon" and "apple-touch-icon-precomposed".
The image is square and at least 8 × 8 pixels. Google recommends larger than 48 × 48 pixels.
Google lists these formats: BMP, GIF, ICO, PNG, JPEG, PPM and TIFF. SVG is not on the list. That's why the package always includes ICO and PNG too.
Googlebot can crawl the home page, and Googlebot-Image can crawl the favicon file. robots.txt must not block either of them.
There is one favicon per hostname: www.example.com and shop.example.com can have different ones, example.com/shop cannot.
The file URL stays stable. The favicon visibly represents your brand. Google replaces inappropriate images with a default icon.

Changes take time: Google has to recrawl your home page, which takes anywhere from several days to several weeks. You can request indexing of the home page with the URL Inspection tool in Search Console. Google gives no guarantee – a favicon may not appear even if all rules are met.

Sources (as of November 2026): Google Search Central: Define a favicon to show in search results · web.dev: Add a web app manifest · web.dev: Web app manifest (Learn PWA) · MDN: icons (Web app manifest) · Apple: Configuring Web Applications (Safari Web Content Guide)

FAQ

Frequently asked questions about favicons

What is a favicon?

A favicon is the small symbol of your website. It appears in the browser tab, in bookmarks, in the history and next to your listing in Google search results. On a phone it becomes the app icon when someone adds your site to the home screen.

What size should a favicon be?

You need several sizes: 16, 32 and 48 pixels for browsers (inside favicon.ico), 96 pixels as a PNG, 180 pixels for iPhone and iPad, and 192 and 512 pixels for Android. For Google the image must be square and at least 8 × 8 pixels; Google recommends larger than 48 × 48 pixels. The favicon generator creates all of these sizes at once.

Is a single favicon.ico enough?

For the browser tab it often is. On iPhone, iPad and Android, though, your icon looks blurry or is missing without the larger PNG files. The full package covers every device.

Is my logo uploaded to a server?

No. The tool processes your image only in your browser. The file never leaves your device and is not stored anywhere.

Why doesn't Google show my new favicon yet?

Google first has to recrawl your home page. That can take several days to several weeks. Check that the <link> tag is on the home page and that robots.txt doesn't block the file. In Search Console you can resubmit the home page with the URL Inspection tool.

Why does my favicon look small or blurry?

At 16 × 16 pixels, fine details and small text disappear. Use a simple symbol or just the first letter of your logo, bold lines and little padding. The preview in the tool shows the real sizes.

Can I use the icons commercially?

Yes. The icons come from the free Tabler Icons set. It is released under the MIT license, which allows commercial use.

Planning a new website?

A favicon is a small detail. If you are planning a new site anyway, take a look at a custom website for your business – designed for you and easy to edit yourself, without WordPress.

What our customers say

Real results, real voices

With JetPages we were able to get our landing pages online in record time. No more waiting on external agencies — our marketing team is truly independent now.

Soco Batsuren

Founder of SB Logistics LLC

For us it was especially important to launch international campaigns without lengthy translation processes. With one click we have our content live in 7 languages.

Julia Leitner

Marketing-Team momoscreen

We are extremely happy with the result. Every small change used to be a struggle. Now we can manage pages and content with JetPages ourselves. It is really effortless and our website finally looks as professional as our company operates.

David Schneider

Managing Director

If the favicon is not the real problem

We can also help when the website itself is the issue.

If your website is hard to edit, content goes live too slowly, or a relaunch is coming up, we are happy to look at your situation.

JetCoders based in Vienna

Projects from EUR 2,000

Tech + copy + design