favicon

Generate favicon sets and update HTML references for web projects.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/lovincyrus/claude-config --skill favicon-lovincyrus
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: favicon
Source: https://github.com/lovincyrus/claude-config/tree/main/skills/favicon
Command: npx skills add https://github.com/lovincyrus/claude-config --skill favicon-lovincyrus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill generates a complete set of favicons from a source image and updates the HTML to ensure consistent favicon support for web projects.

Core Features & Use Cases

  • Generate favicon sets (favicon.ico, PNGs, and SVG when applicable) and create/update a site manifest.
  • Detect the project type and place assets in the correct static assets directory, while preserving existing favicons.
  • Update the HTML layout to reference the generated icons across Rails, Next.js, Hugo, static HTML, and other frameworks.

Quick Start

Use the favicon skill with a path to the source image, for example assets/logo.png.

Frequently Asked Questions about favicon

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

FAQPage Schema
How do I generate a complete favicon set from a single source image?

To generate a favicon set, you provide a source image to automatically output favicon.ico, PNG variants, and SVG files. This process also creates a site manifest and updates your HTML references.

Do I need ImageMagick installed to generate web assets like favicons?

Yes, you need ImageMagick v7+ installed to generate favicons and create the site manifest. It processes the source image to produce the required web assets.

Can I automatically update HTML to reference new favicons in Next.js or Rails?

Yes, favicon generation detects your project type, such as Next.js, Rails, Hugo, or static HTML, and automatically updates the HTML layout to reference the newly generated icons.

What is the best way to add a site manifest and favicons without breaking existing assets?

The best way to add a site manifest and favicons is to use an automated generator that detects your static assets directory and preserves existing favicons while updating the HTML layout.

Will generating favicons overwrite my current static assets directory?

No, generating favicons preserves existing favicons in your project. It detects the correct static assets directory for your framework and only adds the new icon files.