Favicon Generator

Make a favicon.ico and PNG icons in every size from an image, a letter or an emoji. Download a ZIP with the HTML code. Free and private.

Your icon

Choose your logo or picture

Drag and drop a file here, or click the button. A square image works best..

Shape

Add a background colour

Your picture stays on your device. The icons are made in your browser.

Your favicons

Choose a picture and your favicons appear here.

About This Tool

NinjaFunction's Favicon Generator turns a logo, a picture, a letter or an emoji into everything a website needs: a favicon.ico with 16, 32 and 48 pixel icons, PNG icons for browsers, an Apple touch icon and Android icons. Crop or fit your picture, choose a square, rounded or circle shape, add a background colour, check every size in the previews, and copy the HTML code. Download single files or a ZIP. The icons are made in your browser, so your image is never uploaded to a server.

🔑 How to Use

Choose your source. Pick From an image and add a logo or picture, or pick From text or emoji.
Set the look. Crop a picture to a square or fit it inside, and choose a square, rounded or circle shape. You can also add a background colour.
Check the previews. Every size appears on a checkered background so you can see see-through areas.
Download single PNG files, the favicon.ico, or everything as a ZIP.
Copy the code and paste it inside the head of your pages.

💡 Pro Tips

✔ Use a square picture of at least 512 × 512 pixels for the sharpest result.
✔ Keep it simple. One letter or one shape is easy to recognise at 16 pixels.
✔ Choose a strong background if your logo is dark or thin, so it does not vanish in a dark browser theme.
✔ Need the right size first? Resize it with the Image Resizer.

Favicon Sizes and What They Are For

File	Size	Used for
favicon.ico	16, 32 and 48 px	Browser tabs and bookmarks, including older browsers
favicon-16x16.png and favicon-32x32.png	16 and 32 px	Browser tabs on normal and sharp screens
favicon-48x48.png	48 px	Windows shortcuts
apple-touch-icon.png	180 px	iPhone and iPad home screen
android-chrome-192x192.png	192 px	Android home screen
android-chrome-512x512.png	512 px	Android splash screen and app stores

How to Add a Favicon to Your Website

Download the ZIP and unpack the files.
Upload every file to the root folder of your website, next to your home page.
Paste the code from this page between the head tags of your HTML.
Open your site in a private window, and look at the browser tab.

Frequently Asked Questions

What is a favicon?

A favicon is the small icon shown in the browser tab, in bookmarks and in search results next to your website name. It helps people find your site among many open tabs.

Which sizes do I need?

A favicon.ico that holds 16, 32 and 48 pixel icons covers old and new browsers. Add a 180 pixel apple-touch-icon for iPhones and iPads, and 192 and 512 pixel icons for Android. This tool makes all of them at once.

What kind of picture works best?

A simple, square logo with a clear shape. Very small icons cannot show fine detail or long text, so a bold letter, symbol or simple mark works far better than a full logo with words.

Can I make a favicon from a letter or emoji?

Yes. Choose From text or emoji, type up to three characters, pick the colours and the shape. Emoji are drawn with your device's own emoji font, so they can look a little different on other devices.

Where do I put the files?

Upload them to the root folder of your website, so that they open at yoursite.com/favicon.ico, and paste the code from this page inside the head of your pages. Many website builders and WordPress also have a settings box where you can upload one icon.

Why does my old favicon still show?

Browsers keep favicons for a long time. After you change it, clear the browser cache, or open your site in a private window to see the new one.

Is my image uploaded to a server?

No. The icons are made in your browser, so your image never leaves your device and nothing is stored after you close the page.