Drop your image here
JPG, PNG, SVG, WebP · or click to browse
Quick emoji
#c17f4a
#ffffff
Preview
128 × 128 px
Your Favicons
Click any size to download
HTML to paste in
<head>
Favicon size guide
All sizes you need for modern web and mobile
🌐 Browser tab
16×16 and 32×32 are shown in browser tabs and bookmarks. favicon.ico can bundle both.
📱 Apple devices
180×180 is the Apple Touch Icon — used when someone adds your site to their iPhone home screen.
🤖 Android / PWA
192×192 and 512×512 are required in manifest.json for Progressive Web Apps and Android home screen shortcuts.
🔍 High-DPI displays
64×64 and 128×128 are used by high-resolution (Retina) displays to show sharper icons in bookmarks and task switchers.
Frequently Asked Questions
What size should a favicon be?+
For basic browser support, 16×16 and 32×32 are sufficient. For full modern web support including mobile home screen icons and PWA, you need 16, 32, 180, 192, and 512px. This tool generates all of them at once.
What is the difference between favicon.ico and favicon.png?+
favicon.ico is the traditional format supported since Internet Explorer. It can embed multiple sizes (16, 32, 48px) in one file. PNG favicons are simpler, smaller, and supported by all modern browsers. For best compatibility, use both: .ico for legacy browsers and PNG for modern ones.
How do I add a favicon to my website?+
Place the favicon files in your website's root directory, then add the HTML link tags in the <head> of your HTML. This tool generates the ready-to-use HTML snippet for you — just copy and paste.
Is my image uploaded to a server?+
No. All processing uses the HTML5 Canvas API entirely in your browser. Your images and generated favicons never leave your device.
What image format should I use as the source?+
PNG with transparency works best since favicons are often shown on various backgrounds. SVG is also excellent because it scales perfectly. JPG works but doesn't support transparency. For the text/emoji generator, everything is handled automatically.
Related Tools