What size should my source image be for the best favicon results?

Use a square source image at least 512×512 pixels. Larger is better: 1024×1024 or higher gives the downscaler more detail to work with when generating 16×16 and 32×32 icons. SVG input is ideal because it's resolution-independent — the generator rasterizes the SVG at native resolution for each target size. Avoid uploading a 32×32 icon and expecting upscaling to look good at larger sizes; favicon upscaling always loses quality compared to starting from a high-resolution source.

What HTML tags do I need in my for all icons to work?

Place all of the following in your document ` `: Standard favicons: ` ` ` ` ` ` Apple Touch Icons: ` ` ` ` ` ` Android / PWA manifest: ` ` Microsoft Tiles: ` ` ` ` Theme color: ` ` The included HTML snippet in the ZIP has all of these pre-filled and ready to paste.

What is a maskable icon and do I need one?

A maskable icon is a version of your app icon designed to fill the full 512×512 canvas — including bleed areas — so Android can safely apply any adaptive icon shape (circle on Pixel, squircle on Samsung, etc.) without clipping your icon unexpectedly. Without a maskable icon, your PWA may display with an ugly safe area padding on some devices. Best practice is to include both a maskable and a regular icon in your site.webmanifest, which this generator produces automatically.

OmniToolsKit

Favicon Generator

Name: Favicon Generator
Rating: 5 (2 reviews)
Author: OmniToolsKit

Generate all standard favicon sizes for browsers, iOS, Android, and Windows - 100% in your browser

Multi-size ExportICO/PNG/SVGBrowser-onlyDrag & Drop

Upload Image

Upload a square image (PNG, JPG, or SVG) at least 512x512px for best results

Upload your images

Drag and drop files here or click to browse

Maximum file size: 5MB • Files: 0 / 1

Accepted file types: .png,.jpg,.jpeg,.svg

Generated Favicons

Download individual sizes or all at once

Upload an image and click "Generate All Favicons" to create your icons

About this tool

Generate a complete favicon package from any image, SVG, or text — including .ico, PNG sizes (16×16 to 512×512), Safari pinned-tab SVG, and the Web App Manifest icons needed for PWA installation. Everything runs in your browser with zero uploads.

About

Favicon Generator for Complete Multi-Platform Browser Icon Support

A favicon is the small icon displayed in browser tabs, bookmarks, history, and search results that visually represents your website. What seems simple has become surprisingly complex: modern web platforms require multiple icon sizes and formats for different contexts. Chrome on Android needs a 192×192 PNG for the 'Add to Home Screen' prompt. Safari on iOS requires a 180×180 apple-touch-icon. Windows 10's Live Tiles use 144×144 icons. Web App Manifests for PWAs need icons at 192×192 and 512×512. And legacy browsers still expect a multi-size .ico file.

Creating all these manually from a single source image requires image editing software, multiple export operations, and careful naming conventions. Our favicon generator automates all of this: upload a PNG, JPEG, SVG, or even enter initials/text, and receive a complete favicon package containing every size and format you need, along with the HTML `<link>` and `<meta>` tags to paste into your `<head>` element and a `site.webmanifest` file for PWA support.

The generator uses a smart upscaling approach: if your source image is smaller than the largest required icon size, it applies bicubic interpolation rather than nearest-neighbor scaling, producing clean-looking icons at all sizes. SVG input is rasterized at native resolution for each target size, ensuring pixel-perfect rendering at every scale.

What makes it unique

Complete Favicon Package: Every Icon Size and Format, Ready to Deploy

A complete favicon implementation covers four icon categories across all major platforms:

Browser (16×16, 32×32, 48×48) — Standard browser tab icons for all desktop browsers. The multi-size favicon.ico embeds all three dimensions in a single file.

Apple (57×57 to 180×180) — iOS home screen icons used when a visitor saves your site to their iPhone or iPad. The apple-touch-icon at 180×180 is the primary size for modern devices.

Android (36×36 to 512×512) — Android home screen icons and PWA icons. The 192×192 and 512×512 sizes are required in your Web App Manifest for the 'Add to Home Screen' prompt and splash screen.

Microsoft (70×70 to 310×310) — Windows Live Tile icons for pinned Start Menu and taskbar entries, configured via browserconfig.xml.

The ZIP download includes: favicon.ico (multi-size ICO with 16×16, 32×32, and 48×48 embedded), site.webmanifest (PWA manifest with icon references), browserconfig.xml (Microsoft tile configuration), and all PNG icon files for every platform size listed above.

Common Use Cases for the Favicon Generator

New Website Setup

Convert your logo or brand mark into a complete favicon package ready to drop into your project's public folder — covering all browsers, mobile home screen icons, and PWA manifest requirements in one step.

Progressive Web App Icons

Generate the 192×192 and 512×512 maskable icons required in your Web App Manifest for the PWA 'Install App' prompt to appear on Android and Chrome desktop.

Quick Text or Initial Favicons

Generate a favicon from a text initial (e.g., the first letter of your site name) with a custom background color — useful for internal tools, dashboards, and prototypes that need a distinct favicon without a full logo.

How to Use

1
Upload Your Source Image or Enter Text
Drag and drop a PNG, JPEG, SVG, or WebP image (recommended minimum 512×512 px for sharp results), or switch to text mode and enter 1–2 initials with a background color to generate a text-based favicon.
2
Preview at All Sizes and Configure Options
Inspect previews at 16×16, 32×32, 64×64, 180×180, 192×192, and 512×512 to confirm the icon looks correct at small sizes. Optionally apply padding (for maskable icons) and choose whether to include an SVG variant.
3
Download the Complete Favicon Package
Click Download Package to receive a ZIP containing: favicon.ico (multi-size: 16×16, 32×32, 48×48), site.webmanifest (PWA manifest), browserconfig.xml (Microsoft tiles), and all PNG icons for Browser, Apple, Android, and Microsoft platforms. A ready-to-paste HTML snippet is included for wiring up all icons in your document `<head>`.
4
Add the Tags to Your Document Head
Place the generated tags in your HTML `<head>`: standard favicon links for .ico and PNG, apple-touch-icon links for iOS (180×180, 152×152, 120×120), the manifest link for Android and PWA, Microsoft Tile meta tags (msapplication-TileColor, msapplication-config), and the theme-color meta tag for mobile browser chrome.

Features

ICO, PNG, SVG, and Manifest Output
Generates a complete icon set: multi-size .ico, PNG icons at all required sizes, SVG favicon, apple-touch-icon, and a site.webmanifest — covering every browser and platform requirement.
Text / Initials Favicon Mode
Create professional-looking letter-based favicons with custom background colors and font weights — no logo required. Ideal for internal apps, dashboards, and project prototypes.
Maskable Icon Support
Generates a padded 512×512 maskable icon following the safe zone guidelines required by Android and Chrome OS for adaptive icon shapes (circle, square, squircle).
HTML Snippet for All Platforms
Every download includes a ready-to-paste HTML snippet covering: standard favicon links (`<link rel="icon">` for .ico, 32×32 PNG, 16×16 PNG), Apple Touch Icon links for iOS (180×180, 152×152, 120×120), Android/PWA manifest link, Microsoft Tile meta tags (msapplication-TileColor, msapplication-config), and the theme-color meta tag for mobile browser chrome.
Four Platform Icon Categories
Icons are generated across all four platform categories: Browser (16×16, 32×32, 48×48 for tabs and bookmarks), Apple (57×57 to 180×180 for iOS home screen), Android (36×36 to 512×512 for Android and PWA), and Microsoft (70×70 to 310×310 for Windows Live Tiles).

Frequently Asked Questions

Found this tool useful?

Share your experience and help others discover it.