Favicon и иконки приложения для веба

★ 6.6 · marketing

favicon is a Claude Code skill that guides implementation, optimization, and auditing of favicons and app icons across browsers, mobile home screens, and Google Search results. It covers the full size set — 16×16 for browser tabs through 512×512 for PWA splash screens — and recommends SVG for scalability and dark-mode support, PNG for Apple Touch Icon and HiDPI displays, and ICO as a legacy fallback. A dedicated Google Search section spells out placement rules: add the icon link tag to the homepage header, keep the URL stable, ensure Googlebot-Image can crawl it, and use a size above 48×48 px for sharp SERP display. Stack-specific guidance includes which files to drop into Next.js's `/app` folder and how to configure the `icons` array in `manifest.json` for PWA manifests. Use this skill when adding site icons from scratch, auditing existing ones against platform requirements, or troubleshooting why a favicon isn't showing up in Google Search.