# Favicon Check
> Favicon/app icon completeness check. Use when: "favicon", "icon check", "app icon", "icons".
- Skill: `claude-hangar/favicon-check` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add claude-hangar/favicon-check`
- Raw SKILL.md: https://api.skillmd.com/api/skills/claude-hangar/favicon-check/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: claude-hangar (https://skillmd.com/u/claude-hangar)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/claude-hangar/favicon-check
---
# /favicon-check — Favicon & App Icon Check
Checks whether a web project has all important favicons and icons.
## Checklist
| # | Check | Where to look | Required |
|---|-------|---------------|----------|
| 1 | `favicon.ico` (32x32) | `/public/` or root | YES |
| 2 | `favicon.svg` (scalable) | `/public/` or root | Recommended |
| 3 | `apple-touch-icon.png` (180x180) | `/public/` or root + `` in `` | YES |
| 4 | `manifest.json` / `site.webmanifest` | `/public/` — icons array with 192x192 + 512x512 | Recommended |
| 5 | `` in HTML `` | Layout/base template | YES |
| 6 | OG image (`og:image` meta tag) | Layout/base template | Recommended |
| 7 | Theme color meta tag | `` + manifest | Recommended |
## Procedure
1. Search project root and `/public/` for icon files
2. Check HTML `` in layout/base template
3. Read manifest.json (if present)
4. Output checklist with status per check
5. For MISSING: provide concrete fix suggestion
## Fix Suggestions
**favicon.ico missing:**
```html
```
**apple-touch-icon missing:**
```html
```
**manifest missing:**
```json
{
"name": "{{PROJECT_NAME}}",
"icons": [
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
],
"theme_color": "#ffffff",
"background_color": "#ffffff"
}
```
## Structured Output (Optional)
When called in the context of `/polish` or `/audit`, additionally write/extend `.micro-check-results.json`:
```json
{
"faviconCheck": {
"date": "YYYY-MM-DD",
"checks": [
{ "id": "FAV-01", "name": "favicon.ico", "status": "ok|missing|incomplete", "severity": "HIGH" },
{ "id": "FAV-02", "name": "favicon.svg", "status": "ok|missing", "severity": "MEDIUM" },
{ "id": "FAV-03", "name": "apple-touch-icon", "status": "ok|missing", "severity": "HIGH" },
{ "id": "FAV-04", "name": "manifest.json", "status": "ok|missing", "severity": "MEDIUM" },
{ "id": "FAV-05", "name": "link-rel-icon", "status": "ok|missing", "severity": "HIGH" },
{ "id": "FAV-06", "name": "og-image", "status": "ok|missing", "severity": "MEDIUM" },
{ "id": "FAV-07", "name": "theme-color", "status": "ok|missing", "severity": "LOW" }
],
"summary": { "ok": 5, "missing": 2 }
}
}
```
**Rule:** Only write when explicitly in the context of a parent skill. For standalone calls, text output only.
## Rules
- Read-only — does not create files except optional .micro-check-results.json
- Works with any web project (Astro, Next.js, Hugo, static)
- For Astro: check `src/layouts/` and `public/`