InstConvert Logo InstConvert
Local & Secure

Drag & drop your logo image or SVG here, or browse

Support PNG, SVG, JPG, WebP. Done completely in-browser.

Icon Preview

128x128 px

Generated Sizes

Favicon 16
16x16 px
Favicon 32
32x32 px
Favicon 48
48x48 px
Apple Touch
180x180 px
Android Chrome
192x192 px
Android Large
512x512 px

HTML Integration Code

<!-- Place this code in the <head> of your website -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Favicon generated successfully

A Guide to Web Favicon Specifications & Best Practices

A favicon (short for "favorite icon") is a small graphic associated with a particular website or web page. It is displayed in browser tabs, bookmark bars, history logs, search result snippets, and as desktop/mobile shortcut icons. Beyond branding, a properly configured favicon package improves user navigation and makes your website look professional.

Standard Favicon Dimensions & Target Devices

Modern web development requires serving multiple icon dimensions to support different platforms and display resolutions:

  • 16x16 pixels: The standard size for browser tabs and legacy web application address bars.
  • 32x32 pixels: Used by high-DPI desktop viewports, folder listings, and browser bookmark managers.
  • 48x48 pixels: The default resolution for Google search results and standard desktop shortcuts.
  • 180x180 pixels: The mandatory sizing for the Apple Touch Icon, displayed when users save a site link to their iOS Home Screen.
  • 192x192 & 512x512 pixels: Used by Chrome and the Android system for progressive web app (PWA) manifest launchers.

Choosing the Right File Format: ICO, PNG, and SVG

Depending on your compatibility goals, you should serve different formats:

  • ICO Format: The classic Windows icon format. An ICO file is unique because it can package multiple resolutions (16x16, 32x32, 48x48) inside a single file container. Modern sites use a single favicon.ico at the root level as a fallback for older browsers.
  • PNG Format: The preferred format for modern web browsers. PNG supports transparent alpha channels and alpha-blending, ensuring icons render cleanly without pixelation or ugly backgrounds.
  • SVG Format: Scalable Vector Graphics represent the future of favicons. Because SVG is vector-based, browsers can scale it infinitely to fit any display resolution, maintaining perfect clarity.

How to Install Your Generated Favicon Package

Once you generate and download your zip package, extract the assets to your website's root directory. Then, copy and paste the required HTML tags into the <head> block of your website pages. This ensures all search crawler bots and user devices find and display the correct icon.