Favicon Studio

Generate ICO, PNG & SVG icons for websites

Source Image

Actions

Status Waiting for image...

Image Tools

Image Resizer
Resize source image
Base64 Converter
Image to String

Generated Icons Preview

Upload an image to see previews

HTML Implementation Code

<!-- Standard Favicon --> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <!-- Apple Touch Icon --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Android/Chrome --> <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png"> <!-- Theme Color --> <meta name="theme-color" content="#ffffff">

Comprehensive Favicon Generator

A Favicon (favorite icon) is a small image displayed next to the page title in browser tabs. It's crucial for brand recognition and user experience. Our tool generates all the necessary files for modern web compatibility.

Apple Devices

Generates apple-touch-icon.png (180x180) used when users add your site to their iPhone/iPad home screen.

Android

Creates 192x192 and 512x512 PNG icons defined in site.webmanifest for Android Chrome and PWA support.

Desktop

Generates the classic favicon.ico containing 16x16 and 32x32 sizes for legacy support.

Why use 512x512 input?

We recommend uploading a high-resolution square image (at least 512x512 pixels). This allows our algorithm to downscale the image for smaller icons (like 16x16) while keeping the larger icons (like Android 512x512) crisp and clear.