favicon-generator

Generates multi-size ICO, PNG, and SVG favicons from Lucide icons via cairosvg.

1|Updated Dec 20, 2025

Search Tags:#python #svg #web-development #favicon #gradients #icon-design #lucide-icons

Ready to run

npx skills add https://github.com/ari-ayvazyan/AISkills --skill favicon-generator-ari-ayvazyan

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: favicon-generator
Source: https://github.com/ari-ayvazyan/AISkills/tree/main/skills/favicon-generator
Command: npx skills add https://github.com/ari-ayvazyan/AISkills --skill favicon-generator-ari-ayvazyan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, cairosvg, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Generating consistent, professional favicons across multiple sizes used by apps, websites, and PWAs.

Core Features & Use Cases

Interactive HTML generator with live previews and templates for fast exploration.
Python CLI for batch production of favicon sets (PNG/ICO/SVG) across standard sizes.
Lucide icon support, letter/emoji options, and template-driven styling for brand alignment.
Use Case: Build a full favicon suite for a new product with a single command and integrate into Next.js or static HTML.

Quick Start

Run the Python CLI example or a package-specific command to generate a full favicon suite for your project.

Frequently Asked Questions about favicon-generator

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

FAQPage Schema

How do I generate a complete favicon suite for a Next.js or PWA project?▼

Generate a complete favicon suite by running the Python CLI to batch produce standard PNG, ICO, and SVG sizes. This outputs all required files for Next.js, HTML pages, and PWA home-screen icons in a single command.

Can I render Lucide icons and apply gradients to my favicon design?▼

Yes, you can render Lucide icons and apply custom gradients. The generator uses cairosvg for icon rendering and template-driven styling to apply backgrounds and gradients for brand-aligned favicon designs.

What image formats and sizes are supported when generating favicons?▼

Supported formats include PNG, ICO, and SVG. The tool generates polished favicons across all standard sizes required for app branding, browser tabs, and home-screen icons.

How do I preview favicon variations before batch generating the final files?▼

You can preview variations using the interactive HTML generator. It provides live previews and templates for fast exploration of letter, emoji, and Lucide icon options before running batch production.

Do I need Python and specific dependencies to create favicons with this tool?▼

Yes, you need Python along with the Pillow and cairosvg dependencies. These libraries handle image processing and SVG rendering to produce the final favicon files.

What is the best way to create consistent favicons across multiple app sizes?▼

The best way to create consistent favicons is using template-driven styling. This ensures professional, uniform branding across all standard sizes for browser tabs and home-screen icons without manual resizing.