Why does this skill generate both an SVG and an ICO file?

Modern browsers prefer scalable SVGs for sharpness, while the multi-size ICO file acts as a critical fallback for legacy browsers and specific search engine crawlers.

Does it handle Progressive Web App (PWA) requirements?

Yes, it generates the specific 192x192 and 512x512 icons and the site.webmanifest file required for PWA installation on Android and Chrome.

How does it prevent the 'black box' issue on iOS?

The skill automatically applies solid backgrounds to Apple Touch icons, as iOS renders transparent PNGs with a black background on the home screen.

Can I use this if I don't have a logo yet?

Yes, the skill includes automated workflows to create professional monograms or branded shapes using your company's primary colors and initials.

Favicon Generator

Name: Favicon Generator
Author: brendadeeznuts1111

bybrendadeeznuts1111

0•

Design Tools

Generates production-ready, cross-platform favicons from logos, text, or brand colors to ensure a professional web presence.

The Favicon Generator skill automates the creation of a complete icon suite for web applications, moving beyond simple image conversion to provide specialized workflows for logo extraction, monogram creation, and branded shapes. It helps developers avoid common pitfalls like launching with CMS defaults or broken iOS icons by generating all required formats—including SVG, legacy ICO, Apple Touch icons with solid backgrounds, and PWA web manifests—tailored specifically for modern browser standards and high-resolution displays.

Key Features

01Multi-format generation (SVG, ICO, PNG, and Web App Manifest)

02Intelligent logo extraction and simplification logic

03Automated iOS-compatible icon generation with solid backgrounds

040 GitHub stars

05Built-in compliance checklist for 16x16 legibility and brand consistency

06Custom monogram creation with industry-specific shape templates

Use Cases

01Replacing default WordPress, Wix, or Squarespace favicons during site handoff

02Optimizing high-resolution logos for legibility at small-scale browser tab sizes

03Creating a professional brand identity from initials when no logo is available

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add brendadeeznuts1111/tier-1380-omega favicon-gen

For use in Claude.ai and ChatGPT

Download Skill