web-icons-generator-cli-mcp

Generate all required web app icons and files from a single source image. Modern, fast, and framework-aware.

Available as CLI, MCP Server, and Claude Desktop Extension!

✅ Auto-detects `app-icon.svg` or `app-icon.png` in current directory ✅ Generates 8 essential files (2025 best practices) ✅ Framework auto-detection (Next.js, Astro, SvelteKit, Remix, Vite) ✅ Generates in current directory when run (respects process.cwd()) ✅ SVG and PNG support with automatic conversion ✅ Maskable icon with safe zone padding (Android 13+) ✅ Monochrome Safari pinned tab icon ✅ site.webmanifest generation ✅ HTML snippet ready to copy/paste ✅ MCP Server for Claude Desktop integration ✅ Claude Desktop Extension with quick actions ✅ Zero config – works out of the box

# Run directly with npx (no installation needed)
npx @entro314labs/web-icons-generator-cli-mcp source.svg

# Shorter aliases
npx @entro314labs/web-icons-generator-cli-mcp@latest
# After install: create-icons, webicons, or web-icons-generator-cli-mcp

# Or install globally
npm install -g @entro314labs/web-icons-generator-cli-mcp
create-icons  # shortest command!
webicons     # also works

# Place app-icon.svg or app-icon.png in your project root
cd my-project
npx @entro314labs/web-icons-generator-cli-mcp
# ✓ Found app-icon.svg in current directory
# ✓ Detected Next.js → using public/ directory
# ✨ Success! Generated 8 files

# With source file as argument
npx @entro314labs/web-icons-generator-cli-mcp logo.svg

# Or if installed globally (use shorter commands)
create-icons logo.svg
webicons logo.svg

# Interactive mode (prompts for source if not found)
create-icons

# Specify output directory
create-icons logo.svg --output ./public

# Custom Safari pinned tab color
create-ic