favicon

Generate a complete favicon set and update HTML link tags.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating and integrating a complete set of favicons for a web project, saving time and ensuring consistent branding across devices and platforms.

Core Features & Use Cases

  • Generate a full set of favicon files (ico, PNGs at multiple sizes, and SVG if source is SVG) from a single source image.
  • Auto-update HTML to reference the correct favicon assets and manifest.
  • Use case: When launching a new site or updating branding, run this skill to refresh all favicon assets and HTML references.

Quick Start

Provide the path to your source image to generate all favicon files and update the HTML with the correct links.

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 image?

To generate a favicon set from an image, you provide the source image path, and the tool automatically outputs ico files, multi-size PNGs, and SVGs while updating your HTML link tags and web manifest.

What is included in a complete favicon set for modern web design?

A complete favicon set includes an ico file, PNGs at multiple resolutions, an SVG if the source is an SVG, and a site.webmanifest, along with updated HTML link tags referencing these assets.

Can I use an SVG file as the source image to create PNG favicons?

Yes, you can use an SVG file as the source image to generate favicons. The tool handles SVG vs raster sources, creating an SVG favicon alongside the standard PNG and ico files.

How do I automatically update HTML link tags for new favicon files?

You can automatically update HTML link tags by running this tool with your source image. It refreshes all favicon assets and modifies your layout files to reference the correct icons and site.webmanifest.

Does generating favicons with ImageMagick require manual image validation?

Generating favicons with ImageMagick does not require manual image validation. The process enforces image validation automatically, handling various source formats before creating the multi-size icon outputs.