skills.rest
kostja94
kostja94COMMUNITY
Explore all skills by this author →
WebsiteGitHub

favicon-generator

Generate and audit favicon and app icon implementations for cross-platform brand consistency.

872|122|Updated Feb 26, 2026
Search Tags:#brand identity#web design#favicon#app icon#PWA#SERP
One-click install
npx skills add https://github.com/kostja94/marketing-skills --skill favicon-generator-kostja94
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: favicon-generator
Source: https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/favicon
Command: npx skills add https://github.com/kostja94/marketing-skills --skill favicon-generator-kostja94

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures your website has correctly implemented favicons and app icons, crucial for brand recognition across all devices and search results.

Core Features & Use Cases

  • Favicon Generation & Audit: Guides the implementation and optimization of favicons and app icons.
  • Cross-Platform Consistency: Ensures icons look good in browser tabs, bookmarks, and mobile home screens.
  • Google Search Visibility: Optimizes icons for display in Google Search results.
  • Use Case: Implement a consistent favicon across your PWA, ensuring it appears correctly in browser tabs, on mobile home screens, and in SERPs.

Quick Start

Generate the necessary HTML link tags for a favicon based on the provided logo.

Frequently Asked Questions about favicon-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate favicons and app icons for PWA cross-platform compatibility?▼

To generate favicons and app icons for PWA cross-platform compatibility, you need specific size recommendations for browser tabs, mobile home screens, and launcher icons. This supports SVG, PNG, and ICO formats to ensure consistent brand rendering.

What favicon sizes do I need for Google Search result display?▼

For Google Search result display, favicon implementation must meet specific size recommendations to ensure visibility in SERPs. Auditing your icons ensures they meet cross-platform requirements for Google Search and browser tabs.

How do I audit my website favicon implementation for brand consistency?▼

Auditing your favicon implementation for brand consistency involves checking that icons display correctly across browser tabs, bookmarks, and mobile home screens. This process validates SVG, PNG, and ICO formats against optimal size requirements.

Can I use SVG and PNG formats together for web design favicons?▼

Yes, you can use SVG and PNG formats together for web design favicons. The implementation supports SVG, PNG, and ICO formats, providing specific size recommendations to optimize site icons across all platforms.

Why does my favicon not show up correctly on mobile home screens?▼

Your favicon may not show up correctly on mobile home screens due to missing app icon sizes or incorrect format usage. Auditing ensures cross-platform consistency and addresses PWA launcher icon requirements for proper display.

Related Skills

Explore More Design & Creative Skills→
moughamirmoughamir

favicon-gen

Generate SVG, ICO, PNG, and web manifest favicon assets from logo, initials, or brand colors.

Community
Intermediate
itallstartedwithaideaitallstartedwithaidea
31

web-asset-generation

Generate web asset icons and HTML/meta configuration for favicons, PWA, and social sharing.

Community
Intermediate
dadbodgeoffdadbodgeoff
783

pwa-setup

Configure PWA features for TypeScript and Next.js web applications.

Community
Intermediate
Veloxia-agencyVeloxia-agency

ckm:design

Create brand assets and visual systems across logos, identity programs, and presentations.

Community
Advanced