Home › Favicon generator

Favicon generator

Make a favicon from a letter, emoji or logo. Download favicon.ico plus 16–512 px PNGs and apple-touch-icon, with the HTML code.

🔒 Images never leave your device

Source

Text / emoji

Background

Text colour

Corner radius: %

Or drop a logo image (square works best)or drag and drop here — processed on your device, never uploaded
Choose file

Your favicons

HTML to paste in your <head>

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">

How to use the favicon generator

Type a letter or emoji and choose colours — or drop your logo.
Download favicon.ico and the PNG sizes you need.
Upload them to your site root and paste the HTML into your <head>.

About this tool

Browsers look for favicon.ico at your site root; modern devices also use PNG icons such as the 180×180 Apple touch icon and 192/512 px Android icons. This generator creates them all from a single letter, emoji or uploaded logo, and builds a multi-size .ico file containing 16, 32 and 48 px images.

FAQ

Are my images uploaded to a server?

No. Images are processed with the HTML canvas API inside your browser. They never leave your device, which makes PixSquish safe for personal photos and confidential screenshots.

What size should a favicon be?

Provide a favicon.ico with 16, 32 and 48 px images, a 180×180 apple-touch-icon and 192/512 px PNGs for Android and PWAs.

Related tools

Image to Base64 converter