skills.rest
Thomashighbaugh
ThomashighbaughCOMMUNITY
Explore all skills by this author →
Website𝕏@thomashighbaughGitHub

icon-generator

Generate favicon, PWA, and Unreal Engine icon sets from a single PNG or SVG source.

1|Updated Mar 20, 2026
Search Tags:#pwa#icon#favicon#web#iconset#unreal-engine#maskable
One-click install
npx skills add https://github.com/Thomashighbaugh/opencode --skill icon-generator-thomashighbaugh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: icon-generator
Source: https://github.com/Thomashighbaugh/opencode/tree/main/skills/icon-generator
Command: npx skills add https://github.com/Thomashighbaugh/opencode --skill icon-generator-thomashighbaugh

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Icon generation for web UI/UX and game packaging is time-consuming when multiple sizes are required; this skill automates generating favicon, PWA icons, apple touch icon, and optional Unreal Engine icons from a single source SVG/PNG.

Core Features & Use Cases

  • Web/PWA icon bundles: favicon.ico with multiple sizes, apple-touch-icon.png, icon-192.png, icon-512.png, and maskable icon 512.
  • Unreal Engine packaging icons (optional): Windows .ico, macOS AppIcon.iconset, Linux PNGs.
  • Input flexibility: accept PNG (recommended) or SVG input; if SVG, optional CairoSVG rasterizer is used or export to PNG first.
  • Simple automation: run scripts/generate_icons.py to produce the required assets from a single source image.

Quick Start

Provide a square source image (PNG preferred) and run the generator to create the web and UE icon sets in your output folder.

Frequently Asked Questions about icon-generator

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

FAQPage Schema
How do I generate PWA icons and a favicon from a single image?▼

Generate PWA icons and a favicon from a single image by running an automated script that processes one source PNG to output favicon.ico, apple-touch-icon.png, icon-192.png, icon-512.png, and icon-maskable-512.png.

What sizes are required for a maskable PWA icon bundle?▼

A maskable PWA icon bundle typically requires icon-192.png, icon-512.png, and a specific icon-maskable-512.png to ensure safe zone compatibility across different devices and platforms.

Can I use an SVG file to generate a favicon.ico?▼

Yes, you can use an SVG file to generate a favicon.ico, but the system requires CairoSVG for rasterization or exporting the SVG to PNG first before processing the web icon outputs.

Does this generate macOS AppIcon.iconset for Unreal Engine packaging?▼

Yes, it generates Unreal Engine packaging icons including Windows .ico, macOS AppIcon.iconset, and Linux PNGs from a single source image to streamline game pipeline asset preparation.

What's the best way to automate multi-size web icon generation?▼

Automate multi-size web icon generation by providing a square source image to a Python script utilizing Pillow, which produces all required favicon and PWA assets in one run.

Do I need CairoSVG to process PNG source images for icon sets?▼

No, CairoSVG is only required when using an SVG source image; using PNG input for generating icon sets relies entirely on Pillow for raster output processing.

Related Skills

Explore More Design & Creative Skills→
aryankumarraiaryankumarrai

file-converter

Convert files between data, document, and image formats.

Community
Intermediate
kennyolofsson23-netizenkennyolofsson23-netizen

web-asset-generator

Generate favicons, PWA app icons, and Open Graph images from logos or text.

Community
Advanced
mindmorassmindmorass
2

iconset-maker

Generate multi-platform icon sets from a single SVG or PNG source.

Community
Advanced
CatRabbit499CatRabbit499

photo-editor

Edit, resize, crop, filter, and optimize images with Pillow or Sharp.

Community
Intermediate