Tools by nbsumit Logo
Tools by nbsumittools.nbsumit.com
Developer & Data Tools

Favicon Generator & HTML Snippet Maker

Generate all standard website favicon sizes, Apple touch icons, and HTML meta tags from any image.

Your tool input is processed locally in your browser and is not sent to our servers.

Favicon & App Icon Creator

Generate high-resolution favicon packs, vector SVG, and ICO files directly in your browser.

Font Size55%
Corner Roundness24%
Border Width0%

Live Preview

512×512 Master Canvas
Realistic Browser Tab Preview
Tools by nbsumit | Home
https://tools.nbsumit.com/

Standard Favicon Sizes & Downloads

16×16
32×32
48×48
64×64
128×128
180×180
192×192
512×512

HTML Header Setup Snippet

<!-- Standard Favicons -->
<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 for iOS -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Android / Chrome Web App Manifest -->
<link rel="manifest" href="/site.webmanifest">
<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">
Privacy Guarantee: Your image and favicon settings are processed locally in your browser and are not sent to our servers.

What this tool does

Converts any uploaded image into a complete multi-size favicon pack (16×16, 32×32, 48×48, 64×64, 128×128, 180×180 Apple Touch Icon, 192×192, and 512×512 PWA icons) and provides ready-to-use HTML header tags.

How to use this tool

  1. Upload a square PNG, JPEG, SVG, or WebP logo image.
  2. Preview all 8 generated favicon sizes in the interactive grid.
  3. Download individual sizes or copy the HTML <link rel="icon"> snippet for your website header.

Standard Favicon Resolutions

16×16 (Browser tab) | 32×32 (Retina tab) | 180×180 (iOS Home Screen) | 512×512 (PWA Splash)

Different operating systems and browsers require specific icon resolutions to display crisp graphics in tabs, bookmarks, mobile home screens, and app switchers.

Practical Examples

Modern Web Favicon Set

Generating tab and mobile home screen icons from a logo.

Input: 512×512 logo.png
Output: 8 optimized PNG icons + HTML snippet

Frequently Asked Questions

Related Tools

Client-Side Image Resizer

Resize PNG, JPEG, and WebP images directly in your browser with aspect ratio locking and quality control.

Client-Side Image Compressor

Compress JPEG, PNG, and WebP images locally in your browser to reduce file sizes without server uploads.

Advanced QR Code Generator

Generate custom QR codes for URLs, text, Wi-Fi, email, phone, SMS, and contacts with SVG & PNG download.

Color Converter (HEX, RGB, HSL, HSV)

Convert colors between HEX, RGB, HSL, and HSV with live palette preview and visual color picker.