skills.rest
evolv3ai
evolv3aiCOMMUNITY
Explore all skills by this author →
GitHub

favicon-gen

Generate complete favicon packages with SVG, ICO, PNGs, and web manifest.

3|Updated Nov 14, 2025
Search Tags:#branding#web design#icon#favicon#logo#PWA
One-click install
npx skills add https://github.com/evolv3ai/claude-skills-archive --skill favicon-gen-evolv3ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: favicon-gen
Source: https://github.com/evolv3ai/claude-skills-archive/tree/main/skills/favicon-gen
Command: npx skills add https://github.com/evolv3ai/claude-skills-archive --skill favicon-gen-evolv3ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and rules (resource) and templates (resource) and agents (resource) components.

What problem does it solve?

This Skill prevents the common mistake of launching websites with default favicons, ensuring a professional brand identity from day one.

Core Features & Use Cases

  • Generate all formats: Creates SVG, ICO, PNGs (180x180, 192x192, 512x512), and web manifest.
  • Logo to Favicon: Extracts and simplifies icons from existing logos.
  • Monogram Favicons: Creates branded icons from text initials.
  • Use Case: When launching a new client website, use this Skill to generate a complete, production-ready favicon package from their logo, ensuring it looks great on all devices and platforms.

Quick Start

Generate a favicon package for a new website using the brand color #0066cc and the initials 'AC'.

Frequently Asked Questions about favicon-gen

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

FAQPage Schema
How do I generate a complete favicon package for a new website?▼

You can generate a complete favicon package by providing your logo, text initials, or brand colors to a favicon generation tool. This outputs SVG, ICO, PNGs (180x180, 192x192, 512x512), and a web app manifest for full platform compatibility.

What favicon formats do I need for a PWA and modern web browsers?▼

For a PWA and modern web browsers, you need SVG, ICO, PNGs (180x180, 192x192, 512x512), and a web app manifest. Generating all these formats ensures your icon displays correctly across all devices and platforms.

Can I create a favicon from text initials without an existing logo?▼

Yes, you can create a favicon from text initials by generating a monogram favicon. This process uses your brand's initials and brand colors to create a custom branded icon, preventing the use of CMS default icons.

How do I extract an icon from my logo for a favicon?▼

To extract an icon from your logo for a favicon, use a logo-to-favicon extraction feature. This simplifies the main visual element from your existing logo and outputs it as a production-ready favicon package.

Why does my new website show a default CMS favicon instead of my brand icon?▼

Your website shows a default CMS favicon because a custom favicon package was not generated and uploaded. You can prevent this by generating a complete custom favicon package from your logo or brand colors before launching.

Related Skills

Explore More Design & Creative Skills→
brendadeeznuts1111brendadeeznuts1111

favicon-gen

Generates SVG, ICO, PNGs, and manifest favicon packages from brand assets or initials.

Community
Intermediate
GLaDO8GLaDO8

favicon

Generate a complete favicon set and update project HTML references.

Community
Advanced
jscraikjscraik
8

favicon-generator

Generate favicon and app icon suites from brand assets and colors.

Community
Intermediate
kostja94kostja94
872

favicon-generator

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

Community
Intermediate