Image, Colors & CSS Web Design

Favicon & App Icon Dimension Guide

Generate HTML code and see standard dimensions for web, iOS, and Android favicons.

Upload Base Logo or Icon

Drop square logo/icon here or click to browse

Recommended: 512×512 PNG, SVG, or WebP

Browser Tab Appearance

Auzaar — Toolbox Tab ×

Standard Favicon Formats Default Active

favicon-16x16.png

Standard Browser Tab

favicon-32x32.png

Retina / Desktop Bookmark

apple-touch-icon.png

iOS Safari Home Screen (180×180)

android-chrome-192x192.png

Android PWA App Icon

HTML Head Embed Tags

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

About this Tool & How to Use It

The Favicon & App Icon Dimension Guide is engineered to provide fast, reliable results without requiring software installations, sign-ups, or invasive analytics. All computations and transformations happen locally inside your browser whenever possible, keeping your sensitive data private.

Key Features

Zero Installation: Runs instantly inside any modern desktop, tablet, or mobile web browser.
Privacy by Default: Your inputs never touch remote servers unless network DNS or server sockets are explicitly queried.
One-Click Workflow: Copy results directly to your clipboard or download formatted outputs with a single click.