favicon

Generate a minimal favicon set from a source image and update site HTML.

Updated Apr 12, 2026
Ready to run
npx skills add https://github.com/ezaurum/favicon-generator --skill favicon-ezaurum
๐Ÿ’ฌ Prompt for ChatGPT / Claude Chatโ–ผ
Please help me install this Agent Skill.
Skill: favicon
Source: https://github.com/ezaurum/favicon-generator/tree/main
Command: npx skills add https://github.com/ezaurum/favicon-generator --skill favicon-ezaurum

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SVG ๋˜๋Š” PNG ํŒŒ์ผ๊ณผ index.html์„ ๋ฐ›์•„ ๋ชจ๋˜ ์›น์šฉ ํŒŒ๋น„์ฝ˜ ํŒŒ์ผ ์„ธํŠธ๋ฅผ ์ž๋™ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. favicon-gen CLI ํˆด์„ ์ž๋™ ์„ค์น˜(Windows/macOS/Linux)ํ•˜๊ณ  ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

Core Features & Use Cases

  • ์ตœ์†Œ 6ํŒŒ์ผ์˜ ํŒŒ๋น„์ฝ˜ ์„ธํŠธ๋ฅผ ์ž๋™ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค (favicon.ico, icon.svg, apple-touch-icon.png, icon-192.png, icon-512.png, manifest.webmanifest).
  • ์ž๋™์œผ๋กœ index.html์— ํŒŒ๋น„์ฝ˜ ๋งํฌ๋ฅผ ์‚ฝ์ž…ํ•˜๊ณ  ์ค‘๋ณต ๋งํฌ๋ฅผ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.
  • ์˜คํ”„๋ผ์ธ์—์„œ๋„ ์ž‘๋™ํ•˜๋ฉฐ ์‚ฌ์ดํŠธ ์ด๋ฆ„, ํ…Œ๋งˆ ์ƒ‰์ƒ, ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ, ๊ฒฝ๋กœ ์ ‘๋‘์‚ฌ ๋“ฑ์„ ์˜ต์…˜์œผ๋กœ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Quick Start

Provide a source image and the path to index.html, and the tool will generate the favicon set and update the HTML accordingly.

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 PNG or SVG image?โ–ผ

You can generate a favicon set by providing a single PNG or SVG image and an index.html file. The tool creates six files including favicon.ico, apple-touch-icon.png, and manifest.webmanifest, then automatically inserts the corresponding favicon links into your HTML.

What files are included in a modern cross-platform favicon set?โ–ผ

A modern cross-platform favicon set includes favicon.ico, icon.svg, apple-touch-icon.png, icon-192.png, icon-512.png, and manifest.webmanifest. These files ensure proper icon display across web browsers and mobile home screens.

Can I automatically insert favicon links into my index.html without creating duplicates?โ–ผ

Yes, you can automatically insert favicon links into index.html without duplicates. The tool detects existing favicon references, removes them, and inserts the updated links for the newly generated cross-platform icon set.

Does the favicon generation CLI work offline and support custom theme colors?โ–ผ

The favicon generation CLI works offline and supports custom theme colors. You can specify site name, theme color, background color, path-prefix, and output directory as command options when generating your web icon set.

Do I need to manually install the favicon-gen CLI tool on Windows, macOS, or Linux?โ–ผ

You do not need to manually install the favicon-gen CLI tool on Windows, macOS, or Linux. The skill automatically handles the installation process before executing the favicon generation workflow.