Every Favicon Size From One Image

Browsers, phones and home screens all ask for a different icon size. QodeCat Favicon Generator takes your logo and produces the full set in seconds, with a live preview of each size and the HTML tags you need to paste into your site.

• favicon.ico with 16, 32 and 48 px images for browser tabs and Windows.
• favicon-16x16.png and favicon-32x32.png for modern browsers.
• apple-touch-icon.png (180×180) for iPhone and iPad home screens.
• android-chrome 192 and 512 px icons plus a ready site.webmanifest.

Tips for a sharp favicon

Start big and simple

Use a square image of at least 512×512 px, or an SVG. Simple shapes and bold letters stay readable at 16 px; fine details and thin text disappear.

Background and padding

A transparent background works well in browser tabs, but iOS fills transparent areas with black on the home screen. Pick a background color and add a little padding if your logo touches the edges.

Frequently Asked Questions