skills.rest
chongdashu
chongdashuCOMMUNITY
Explore all skills by this author →
Website𝕏@chongdashuGitHub

favicon-generator

Generate favicon suites in ICO, SVG, and PNG formats with Lucide icons.

28|9|Updated Dec 5, 2025
Search Tags:#branding#web-development#favicon#gradients#icon-design#lucide-icons
One-click install
npx skills add https://github.com/chongdashu/cc-skills --skill favicon-generator-chongdashu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: favicon-generator
Source: https://github.com/chongdashu/cc-skills/tree/main/.claude/skills/favicon-generator
Command: npx skills add https://github.com/chongdashu/cc-skills --skill favicon-generator-chongdashu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Favicon creation often lacks brand alignment and is tedious to produce across multiple sizes and platforms. This Skill automates the creation of polished favicon suites that align with your brand identity and header/logo styles.

Core Features & Use Cases

  • Generate complete favicon suites (ICO, SVG, PNG) with brand-consistent colors and corner radii.
  • Support multiple templates and Lucide icons to tailor icons to product personality.
  • Provide interactive HTML generator and Python CLI for automated pipelines and CI/CD workflows.

Quick Start

Run the Python CLI to generate a full favicon suite for your app.

Frequently Asked Questions about favicon-generator

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

FAQPage Schema
How do I create a favicon suite with multiple sizes for web and mobile apps?▼

You can generate a complete favicon suite by running Python CLI scripts that output ICO, SVG, and PNG files tailored for browser tabs, home screens, and dashboards. This automates producing multiple sizes and formats for cross-platform brand consistency.

Can I use Lucide icons to design a custom favicon?▼

Yes, you can design a custom favicon using Lucide icons. The Skill supports integrating these icons through Python scripts to tailor the visual personality of your web or SaaS project icons.

Does the favicon generator support gradient backgrounds and rounded corners?▼

Yes, the favicon generator supports applying gradient or solid backgrounds with rounded corners. This allows you to align tab icons and browser previews with your existing brand identity and logo styles.

What is the best way to automate favicon generation in a CI/CD workflow?▼

The best way to automate favicon generation in a CI/CD workflow is using the provided Python CLI. It enables automated pipelines to systematically produce brand-aligned favicon suites across multiple formats.

Do I need Python dependencies like Pillow and cairosvg to generate favicons?▼

Yes, you need Python dependencies like Pillow and cairosvg to run the favicon generation scripts. These libraries handle image processing and SVG conversion required to output PNG and ICO favicon files.

Related Skills

Explore More Design & Creative Skills→
vladm3105vladm3105
16

charts_flow

Generate Mermaid architecture diagrams and embed SVG previews in technical documents.

Community
Advanced
kostja94kostja94
872

favicon-generator

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

Community
Intermediate
netprtonynetprtony

ui-ux-pro-max

Generate UI/UX design guidance and pattern recommendations for web and mobile interfaces.

Community
Intermediate
DexploarerDexploarer
6

app-icon-generator

Generate multi-size app icons for iOS, Android, and PWA from a single source image.

Community
Intermediate