About the Favicon Generator
Tezmy's Favicon Generator creates every icon a modern website needs. Design one from a letter or two (or an emoji) with your colours and shape, or upload your logo, and see it at real sizes. Download a ZIP with a multi-size favicon.ico, PNG favicons, the 180 px Apple touch icon for iPhone home screens, 192 and 512 px Android icons, a site.webmanifest file and the HTML to paste into your page. Everything is generated in your browser.
Updated October 2026
How to use the Favicon Generator
- 1Choose Letters or An image.
- 2Type your letters and pick colours, or drop in your logo.
- 3Choose square, rounded or circle.
- 4Download the ZIP and paste the HTML into your page's <head>.
Where favicons appear
- Browser tabs and bookmarks.
- Google search results on phones, next to your site name.
- iPhone and Android home screens when people add your site.
- History lists and some social media link previews.
Designing a favicon that works tiny
A favicon is often shown at just 16 × 16 pixels, so detail disappears. Use one or two bold letters, a simple symbol or a clean logo mark, with strong contrast. Test it at the real sizes in the preview before downloading. A square image of at least 512 × 512 pixels gives the sharpest results.
Installing the files
Unzip the download and upload the files to the root folder of your website. Then paste the HTML snippet into the <head> of your pages. On WordPress, you can instead set a Site Icon under Appearance, Customize, Site Identity; on Shopify, Wix and Squarespace, look for the favicon setting in your theme.
Seeing your new favicon
Browsers keep favicons for a long time. After uploading, reload with Ctrl+Shift+R (Cmd+Shift+R on Mac), or open the site in a private window. Google may take days or weeks to update the icon in search results. Everything runs in your own browser, so your data is never uploaded, and it works on phones, tablets and computers with nothing to install. A favicon is only one part of a polished site head. If your logo is the wrong size, fix it with the Image Resizer, and use the Image Converter when your source is in a format the generator does not accept. When the icon is ready, the Meta Tag Generator writes the tags for the rest of the page.
Features
- favicon.ico with 16, 32 and 48 px
- Apple touch icon (180 px)
- Android icons (192 and 512 px)
- Web app manifest
- Ready-to-paste HTML
- Private: made in your browser
Frequently asked questions
What is a favicon?
The small icon shown in browser tabs, bookmarks, search results and on phone home screens next to your site's name.
Which files do I need?
Put everything from the ZIP in your site's root folder and paste the HTML into the <head>. favicon.ico covers browsers, and the PNGs cover iPhone, Android and high-resolution screens.
What image works best?
A simple, square logo or symbol of at least 512 × 512 px. Fine detail and small text disappear at 16 × 16 px, so bold shapes work best.
Why isn't my new favicon showing?
Browsers cache favicons for a long time. Hard-refresh the page, open it in a private window, or add ?v=2 to the favicon links in your HTML.
Can I use an emoji as a favicon?
Yes. Type the emoji in the letters box. It's drawn with your device's emoji style.
What size should a favicon be?
Provide 16, 32 and 48 px in favicon.ico, a 180 px Apple touch icon and 192 and 512 px Android icons. The ZIP includes all of these.
Is the favicon generator free?
Yes. No sign-up, no watermark, and unlimited downloads.
Can I make a favicon from my logo?
Yes. Upload a square version of your logo; simple logos with bold shapes work best at small sizes.
Can I use a transparent background?
Letter and emoji icons use the background colour and shape you choose. For a logo, upload a square PNG; for iPhone home-screen icons, a solid background looks best, because iOS doesn't show transparent areas nicely.