skills.rest
ari-ayvazyan
ari-ayvazyanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/ari-ayvazyan/AISkills --skill favicon-generator-ari-ayvazyan
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
elab-developmentelab-development

fluxui-development

Create Flux UI components in Laravel Blade and Livewire workflows.

Official
Basic
kostja94kostja94
872

favicon-generator

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

Community
Intermediate
naporin0624naporin0624
3

seo-lookup

Return official SEO guidance for meta tags, Open Graph, Twitter Cards, and structured data.

Community
Basic
OMIXECOMIXEC
1

app-icon-generator

Generate platform-specific app icon assets from a single source image.

Community
Intermediate