favicon-generator

What problem does it solve?

This Skill solves the challenge of creating professional, pixel-perfect favicons that truly represent your brand. It eliminates the need for complex design software or hiring a designer, ensuring your app looks polished across all platforms and browsers.

Core Features & Use Cases

• Pro-Grade Effects Engine: Apply subtle drop shadows, inner glows, highlights, gradients, and noise textures for a polished, dimensional look.
• Curated Templates & Icons: Choose from 8 design templates and 18 Lucide icons, or use letters/emojis, to quickly match your app's personality.
• Complete Favicon Suites: Automatically generates all necessary formats (ICO, SVG, PNG) and sizes (16x16 to 512x512) for web, iOS, Android, and PWAs, with framework integration guidance.
• Use Case: You're launching a new SaaS product and need a favicon that looks as good as Notion or Linear. Use this Skill to automatically generate a full favicon suite, matching your brand's primary icon and colors, and get the exact code to integrate it into your Next.js project.

Quick Start

Use the favicon-generator skill to create a favicon for my new app. My app's name is "TaskFlow", and its primary color is #6366f1. I want to use the "PackagePlus" icon from Lucide.