Make a favicon in seconds

Turn an emoji, a couple of letters or an image into a multi-size favicon.ico, every PNG size and the HTML to paste – all in your browser.

Emoji
Text (1–3 characters)
Text color
Font
Image
Drop an image or click to choose PNG, JPG, SVG, WebP · square works best

Background
Corner radius20%
Padding10%
48
32
16
Your site ×
Download
HTML for your <head>

How it works

1

Pick a source

Type an emoji, one to three letters, or drop in an image. The preview updates live.

2

Style it

Choose a background (or transparent), corner radius and padding until it looks right at 16 pixels.

3

Download & paste

Grab the multi-size favicon.ico or the full ZIP, then paste the generated HTML into your page head.

Frequently asked questions

What is inside the .ico file?+
A real multi-resolution ICO containing 16×16, 32×32 and 48×48 images. Browsers automatically pick the size they need. The file is assembled in your browser – the PNG frames are packed into the ICO container directly.
Which files should I use?+
favicon.ico covers classic browsers, favicon-16/32.png the modern ones, apple-touch-icon.png (180×180) is for iOS home screens, and icon-192/512.png are for Android and PWA manifests. The ZIP contains all of them plus the HTML.
Are my images uploaded anywhere?+
No. Everything – rendering, ICO packing and ZIP creation – happens locally in your browser with the Canvas API. Nothing you type or upload leaves your device.
Why does my emoji look different?+
Emoji are drawn with your operating system's own emoji font, so the exact style depends on your device (Apple, Windows, Android render them differently). The generated favicon is a fixed image, so it will look the same for your visitors everywhere.