Free · in your browser

Favicon Generator

Drop any image and instantly create every favicon size you need — tab icons, apple-touch and Android — as crisp PNGs. Free, fast and private: your file never leaves your device.

Private by design — your image is resized locally with Canvas and never uploaded.

How to create a favicon from an image

  1. Drag your logo or image onto the box above (or click to browse, or paste it). A square PNG of at least 512x512 gives the sharpest icons.
  2. Pick a background — keep it transparent, or fill with white or black — then click Generate favicons.
  3. Download each size you need (16x16, 32x32, 48x48, 180x180 and 192x192) and add the HTML snippet below to your site's <head>.

Why generate favicons from your image?

A favicon is the tiny icon that appears in browser tabs, bookmarks, history and on phone home screens — it is a small but powerful piece of branding that makes your site instantly recognisable and more trustworthy. Different platforms expect different sizes: browsers use 16, 32 and 48 pixel icons, iOS wants a 180x180 apple-touch-icon, and Android and PWAs use a 192x192 icon. This favicon maker resizes one source image into every size with smooth high-quality scaling, so your icon looks crisp everywhere, and it all happens locally in your browser — fast, free and completely private.

How to reference your favicons in HTML

Place the generated PNGs in your site root, then add these tags inside <head>:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192x192.png">

Frequently asked questions

Is this favicon generator free and private?
Yes — it is 100% free with no sign-up, and completely private. Your image is resized entirely in your browser with the Canvas API, and no file is ever uploaded to a server.
What sizes does it create?
It generates the standard favicon set: 16x16, 32x32 and 48x48 for browser tabs, a 180x180 apple-touch-icon for iOS home screens, and a 192x192 icon for Android and PWAs — each as a downloadable PNG.
What image should I upload?
Use a square image at least 512x512 for the sharpest result, ideally a PNG with a transparent background. Square logos work best because favicons are square; non-square images are centred and fitted without stretching.
Do I still need an .ico file?
Modern browsers happily use PNG favicons referenced in your HTML, so the PNGs here cover almost every case. If a legacy browser needs favicon.ico, most servers also serve a PNG named favicon.ico, or you can convert one of these PNGs separately.

Image Resizer →   Image Converter →   All tools →