Favicon Generator — Free ICO & PNG Favicon Maker

What's In a Modern Favicon Set?

A single 16x16 .ico file used to be enough, but modern browsers, iOS home-screen bookmarks, and Android/PWA installs all expect different icon sizes. This tool generates a multi-resolution favicon.ico (16, 32, and 48px bundled into one file), a 180x180 apple-touch-icon.png for iOS, and 192x192 / 512x512 PNGs for Android and progressive web apps — plus the exact <link> tags to paste into your site's <head>.

How the .ico File Is Built

Everything runs client-side: your image is drawn onto a canvas, center-cropped to a square if needed, and resized with the Canvas API. The resulting PNGs are then packed into a real Windows ICO container (ICONDIR + ICONDIRENTRY headers wrapping embedded PNG data) directly in JavaScript — no server, no upload, and it works even on a slow connection since nothing leaves your browser.

网站图标 (Favicon) 生成工具

上传一张图片，即可自动生成完整的网站图标套装：favicon.ico、iOS 主屏图标、安卓/PWA 图标，并附带可直接粘贴到网页 <head> 的 HTML 代码。所有处理均在浏览器本地完成，图片不会被上传。

Frequently Asked Questions

What sizes does a full favicon set need?▼

A modern favicon set typically includes a multi-resolution favicon.ico (16x16 + 32x32 + 48x48), an apple-touch-icon at 180x180 for iOS home screens, and android-chrome icons at 192x192 and 512x512 for Android/PWA installs.

Do I need a square image?▼

Yes, ideally. This tool center-crops non-square images to a square before resizing, so for best results start with a square source image (512x512 or larger) with your logo or icon centered.

Does this tool upload my image anywhere?▼

No. Everything — cropping, resizing, and generating the .ico file — happens locally in your browser using the Canvas API. Your image is never sent to any server.

Where do I put the generated files?▼

Upload favicon.ico, apple-touch-icon.png, and the android-chrome PNGs to the root of your website, then paste the generated <link> tags into your page's <head>.