Microdeck.tools 100% In-Browser

Favicon & App Icon Kit Generator

New

Upload a single SVG, PNG, JPG, or WebP logo to preview it in Light/Dark browser tabs and mobile home screens, then download a complete favicon.ico + PNG icon pack + site.webmanifest ZIP with ready-to-paste HTML tags.

100% In-Browser No Server Storage Instant Results

Upload SVG, PNG, JPG or WebP Logo

Recommended square 512×512+ source

Browser Tabs (Light & Dark)
Microdeck App
Microdeck App
Mobile Home Screen Icon
Microdeck

Includes multi-size favicon.ico (16/32/48px), apple-touch-icon.png, Android Chrome icons, and site.webmanifest.

HTML <head> Tags
<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" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="theme-color" content="#2563EB" />

Did this tool save you time? Help keep Microdeck free and maintained. Completely optional · From $3.

ADVERTISEMENT
Privacy-Friendly Sponsor Unit
Contextual tech, developer, & creator tools sponsorship slot. Zero intrusive tracking.

How It Works Under the Hood

Your logo is scaled across 16×16, 32×32, 48×48, 180×180, 192×192, and 512×512 Canvas targets with custom padding, background, and corner rounding. A pure binary ICO encoder bundles 16/32/48px PNG frames into a real favicon.ico alongside site.webmanifest inside a ZIP archive.

Step-by-Step Instructions

1

Drop your square SVG, PNG, JPG, or WebP brand logo.

2

Customize padding, rounded corners, transparent/solid background, and PWA theme colors.

3

Inspect Light/Dark browser tab and mobile home screen previews live.

4

Download favicon-kit.zip and copy the ready-made HTML <head> link tags.

Key Features & Performance

  • True Multi-Size favicon.ico Binary: Bundles crisp 16×16, 32×32, and 48×48 PNG frames
  • Complete Modern Asset Pack: Includes apple-touch-icon.png, Android 192/512px icons & site.webmanifest
  • Live Tab & iOS Previews: Catch contrast or clipping issues before deploying
  • Copy-Ready HTML <head> Snippet: Drop straight into Astro, Next.js, or HTML

Local Browser Processing & Privacy

Traditional web converters upload your documents, snippets, or media files to remote servers. Favicon & App Icon Kit Generator runs inside your browser tab:

Processed in This Tab

Your input text and files are processed locally without uploading payloads to a processing server.

No Tool Payload Logging

Microdeck does not log or store the files or inputs you paste into tool workspaces (normal static hosting/CDN requests still load page assets).

Tab Memory Lifecycle

Working outputs stay in your browser tab and are released when you reset the tool or close the tab.

Frequently Asked Questions

Is the generated favicon.ico a real multi-resolution ICO file?

Yes. It writes a compliant Windows ICO binary container embedding 16×16, 32×32, and 48×48 PNG images—not just a renamed PNG file.

Where should I place the extracted ZIP files in my web project?

Place all files inside your static public/ root folder (so /favicon.ico and /site.webmanifest resolve at the domain root) and paste the HTML snippet into <head>.

Explore Related Micro-Tools

Open Graph & Social SERP Previewer

Simulate link previews across Google, Twitter/X, Discord, Slack, Facebook & iMessage

App & SaaS Privacy Policy & Terms Generator

Generate GDPR/CCPA & App Store-ready Privacy Policy and Terms in Markdown or HTML

In-Browser Batch Image Converter

Convert WebP, PNG, JPG, and iPhone HEIC in bulk with zero server uploads

Support Microdeck

Completely optional · From $3 · No account required

Choose an amount (USD): Selected: $5

Minimum support amount is $3 USD.

Completely optional · From $3 · Checkout opens on Gumroad.

Continue to checkout — $5