---
name: "favicon-multiplatform-icon-generator"
description: "Generate complete, cross-browser favicon suites, Apple Touch icons, and Web App manifests."
metadata:
  author: "Favicon Standards"
  version: "1.0.0"
  runtime_compatibility:
    - "codex"
    - "claude-code"
    - "cursor"
    - "windsurf"
triggers:
  - "generate favicon suite"
  - "create apple-touch-icon"
  - "setup site.webmanifest icons"
permissions:
  fs_read: true
  fs_write: "workspace"
  shell_exec: false
  net_access: false
---

# Favicon & PWA Multi-Platform Icon Pack

Produces full multi-resolution favicon asset packages from a single SVG or PNG: favicon.ico (16x16, 32x32), apple-touch-icon.png (180x180), Android Chrome icons, and site.webmanifest.

## When to Invoke
Invoke this skill whenever you need to:
- generate favicon suite
- create apple-touch-icon
- setup site.webmanifest icons

## Execution SOP & Rules
1. Provide modern SVG favicon: <link rel="icon" type="image/svg+xml" href="/favicon.svg">.
2. Provide fallback multi-size favicon.ico (containing 16x16 and 32x32) for legacy browsers.
3. Provide 180x180 apple-touch-icon.png for iOS home screen bookmarks.
4. Include Android chrome-192x192.png and chrome-512x512.png in site.webmanifest.

## Verification Checklist
- Run local linting, syntax validation, and type-checks before reporting completion.
- Ensure all created or modified files adhere to workspace boundaries and avoid uncommitted secrets.
- Verify tests or build commands exit cleanly with return code 0.
