Skills

favicon-gen

Installation
Summary

Complete favicon package generation from logos, text, or brand colours in all required formats.

  • Produces favicon.svg, favicon.ico, apple-touch-icon.png, icon-192/512.png, and web manifest with HTML integration code
  • Supports three creation approaches: extracting icons from existing logos, generating monograms from initials, or using branded shapes (circle, rounded square, shield, hexagon)
  • Requires ImageMagick for format conversion; includes fallback to favicon.io for users without local ImageMagick installation
  • Enforces critical rules for iOS compatibility (solid backgrounds to avoid black squares) and legibility at small sizes (bold fonts, 16x16 testing)
SKILL.md

Favicon Generator

Generate a complete favicon package from a logo, initials, or brand colours. Produces all required formats and HTML integration code.

Workflow

Step 1: Choose Your Approach

Have a logo with an icon element?
 YES -> Extract icon from logo
 NO  -> Have text/initials?
         YES -> Create monogram favicon
         NO  -> Use branded shape

Step 2: Create Source SVG

Extracted icon — copy icon paths from logo, centre in 32x32 viewBox, simplify for small sizes.

Related skills

More from jezweb/claude-skills

Installs
1.4K
Repository
jezweb/claude-skills
GitHub Stars
776
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPass
SocketPass
SnykPass