1-Click PWA, iOS, Android, and Web Favicon suite generator from any PNG/SVG directly in the VS Code Explorer context menu with manifest.json and HTML tags.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
1-Click PWA, iOS, Android, and Web Favicon suite generator directly from your VS Code Explorer context menu! Generates multi-size favicon.ico, mobile icons, site.webmanifest, and copy-pasteable HTML tags in seconds.
✨ Features
🌐 Complete Web Favicon Suite: Generates favicon.ico (multi-resolution 16x16, 32x32, 48x48), apple-touch-icon.png (180x180), and desktop browser favicons from a single source image.
📱 PWA & Manifest Generator: Creates pwa-192x192.png, pwa-512x512.png, maskable icons, and a preconfigured site.webmanifest.
📲 Mobile App Icons (iOS & Android): Generates full Xcode asset catalog icons (AppIcon-1024x1024.png down to 20x20) and Android launcher mipmap sets (mipmap-mdpi through mipmap-xxxhdpi).
📋 Instant HTML Snippet: Automatically writes favicons.html and offers a 1-click button to copy <link rel="icon"> tags to your clipboard.
⚡ Zero Context Switching: Never leave your editor or upload sensitive brand logos to third-party ad-laden websites again.
🛠️ Usage
Open your project in VS Code.
In the Explorer file tree, right-click any image (.png, .jpg, .svg, .webp).
Select one of the IconCraft actions:
IconCraft: Generate Web Favicon Suite & HTML Tags
IconCraft: Generate PWA Icons & manifest.json
IconCraft: Generate iOS & Android App Icons
All generated assets will appear in your chosen folder instantly!