Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>IconCraft: App Icon & Favicon Generator Pro 🎨New to Visual Studio Code? Get it now.
IconCraft: App Icon & Favicon Generator Pro 🎨

IconCraft: App Icon & Favicon Generator Pro 🎨

PirapaakaranPirathapan

|
1 install
| (0) | Free
| Sponsor
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.
Copied to clipboard
More Info

IconCraft: App Icon & Favicon Generator Pro 🎨

Sponsor Publisher License: MIT

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

  1. Open your project in VS Code.
  2. In the Explorer file tree, right-click any image (.png, .jpg, .svg, .webp).
  3. 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
  4. All generated assets will appear in your chosen folder instantly!

⚙️ Configuration

Setting Type Default Description
iconcraft.outputDirectory string "icons" Target directory name for generated web icons.
iconcraft.generateHtmlSnippet boolean true Export HTML tags to favicons.html.

💖 Support & Sponsor

If you love IconCraft, please consider supporting ongoing development: 👉 Sponsor Pirapaakaran on GitHub

Connect on LinkedIn: Pirapaakaran Pirathapan


📄 License

MIT © Pirapaakaran Pirathapan

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft