100% In-Browser · Zero Uploads

Favicon & App Icon Kit Privately

Generate every essential favicon size, 180x180 Apple Touch Icon, and webmanifest code directly in your browser from any square image.

Drop your logo or icon image here
Ideally 512x512 PNG with transparent background

Why Every Modern Website Needs a Complete Favicon Kit

In modern web browsers, operating systems, and mobile devices, a simple 16x16 ICO file is no longer sufficient. High-density Retina displays, mobile home screen bookmarks, and Progressive Web Apps (PWAs) each request distinct icon resolutions.

OnlyFiles takes your master brand icon and accurately crops, sharpens, and downsamples it into every standard specification using bicubic canvas resampling on your device.

All Standard Resolutions

Generates 16x16 (tabs), 32x32 (taskbar), 48x48 (desktop), 180x180 (iOS touch icon), and 192/512px (Android PWA).

Transparency Preserved

Maintains full 32-bit alpha channel transparency across all generated PNG files without color shifts or black borders.

Ready-to-Use HTML Snippet

Generates clean, pre-formatted standard HTML head tags you can copy directly into your website's template.

Automatic Center Square Crop

If your source graphic is not square, OnlyFiles intelligently centers and squares the canvas to prevent aspect ratio distortion.

Standard Favicon Specifications

16x16: Classic desktop browser tab favicon.

32x32: Windows taskbar pin and browser bookmark bar.

48x48: Windows desktop shortcut icon.

180x180: Apple Touch Icon for iPhone and iPad home screen bookmarks.

192x192 & 512x512: Android Chrome home screen icon and Progressive Web App splash screens.

Frequently Asked Questions

What source image resolution is recommended?
A square PNG image of at least 512x512 pixels with a transparent background provides the best downsampled quality across all smaller icon sizes.
How do I install the generated icons on my site?
Download the generated PNG files into your website root directory, copy the provided HTML snippet, and paste it into the `<head>` element of your HTML pages.