All tools
⭐ Free favicon tool

Favicon generator

Turn your logo, a letter or an emoji into a complete favicon set: favicon.ico, PNG icons, Apple touch icon, Android icons and ready-to-paste HTML code.

favicon.ico includedAll sizes in one ZIPText & emoji iconsPrivate
⭐

Drop your logo here

or click to choose · PNG, JPG, SVG, WEBP · square images work best

Select image

Preview

Your Website – Home
https://yourwebsite.com

HTML code for your <head>

How to create and install a favicon

From logo to browser tab in a couple of minutes.

Create your icon

Upload your logo, or type a letter or emoji, and choose the colour, shape and padding.

Download the package

Get favicon.ico, 16, 32, 180, 192 and 512 pixel PNGs, and site.webmanifest in one ZIP.

Add it to your site

Upload the files to your site’s root folder and paste the HTML code into the <head> of your pages.

What is a favicon and why does it matter?

A favicon is the small icon shown in browser tabs, bookmarks, history and on phone home screens. Google also shows it next to your site in mobile search results. A clear favicon makes your site easier to recognise among many open tabs, looks professional, and builds trust in your brand.

Which favicon sizes do you need?

16×16 and 32×32 for browser tabs, 48×48 inside favicon.ico for Windows, 180×180 as the Apple touch icon for iPhone and iPad, and 192×192 and 512×512 for Android and installable web apps. This generator creates them all.

Adding a favicon in WordPress

Go to Appearance → Customize → Site Identity → Site Icon and upload the 512×512 PNG from the package. WordPress generates the other sizes for you. Read our guide How to install the favicon for other platforms.

Frequently asked questions

What size should a favicon be?

Browsers use 16×16 and 32×32 pixel icons, Apple devices use 180×180, and Android uses 192×192 and 512×512. Start from a square image at least 512×512 pixels for the sharpest results.

How do I add a favicon to my website?

Upload the files from the ZIP to the root folder of your website and paste the provided HTML code inside the <head> section of your pages.

Why doesn’t my new favicon show up?

Browsers cache favicons heavily. Clear your cache, open the site in a private window, or visit yoursite.com/favicon.ico directly to refresh it.

Is my logo uploaded?

No. The favicon files are created in your browser, so your image never leaves your device.